@charset "UTF-8";
.forie{
width: 100%;
height: 100%;
background:#eaeaea url(".png") center no-repeat;
position: fixed;
top: 0;
left: 0;
z-index: 500;
}
textarea{
resize: none;
}
select::-ms-expand { display: none; }
/* placeholderɫ */
input::-webkit-input-placeholder{
color:#888;
}
input:-moz-placeholder{
color:#888;
}
input::-moz-placeholder{
color:#888;
}
input:-ms-input-placeholder {
color:#888;
}
textarea::-webkit-input-placeholder{
color:#888;
}
textarea:-moz-placeholder{
color:#888;
}
textarea::-moz-placeholder{
color:#888;
}
textarea:-ms-input-placeholder {
color:#888;
}
.main{
margin-top: 2.75rem;
}
.index-banner{
position:relative;
width:100%;
overflow: hidden;
height:calc(100vh - 2.75rem)
}
.index-banner .swiper-slide{
position:relative;
height:100%;
}
.index-banner .swiper-slide .pc-bannerimg,.index-banner .swiper-slide .pho-bannerimg,s01{
width: 100%;
background-position: center;
background-repeat: no-repeat;
transform: scale3d(1, 1, 1);
transition: all 5s cubic-bezier(0.04, 0.79, 1, 1);
position: relative;
height: 100%;
background-size:cover;
}
.index-banner .swiper-slide-active .pc-bannerimg, .index-banner .swiper-slide-active .pho-bannerimg{
transform: scale3d(1.1, 1.1, 1.1);
}
.pho-bannerimg{
display:none;
}
.index-banner .swiper-slide{
position:relative;
}
.index-banner .swiper-slide .banner-left{
position:absolute;
left:30%;
top:20%;
text-align:left;
letter-spacing:2px;
}
.index-banner .swiper-slide .banner-left .title1{
color:#FFFFFF;
font-size:0.6rem;
line-height:0.9rem;
}
.index-banner .swiper-slide .secwen {
opacity: 0;
filter: alpha(opacity=0);
transform: translateY(30px);
transition: .8s;
}
.index-banner .swiper-slide .secwen {
transition: 1s ease-in-out;
}
.index-banner .swiper-slide-active .secwen{
opacity: 1;
filter: alpha(opacity=100);
transform: translateX(0);
transition: 1s ease-in-out;
}
.index-banner .swiper-slide .banner-left .title2{
color:#FFFFFF;
font-size:1.3rem;
line-height:1.5rem;
margin-top:0.3rem;
transition-delay: .3s;
}
.index-banner .swiper-slide .banner-left .more-detail{
border-radius:10px;
width:3.8rem;
height:1.25rem;
line-height:1.25rem;
display:inline-block;
background-repeat:no-repeat;
background-position:3.6rem center;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/footer-more.png");
background-size:8px;
color:#fff;
background-color:#00AC35;
margin-top:0.75rem;
padding-left:0.7rem;
font-size:0.375rem;
transition-delay: 1s;
}
.index-banner .prev-tab-num{
left:45%;
top:85%;
position: absolute;
z-index:10;
text-align:left;
font-size:0;
}
.index-banner .prev-tab-num .banner-prev,.index-banner .prev-tab-num .banner-next{
width:1.0rem;
height:1.0rem;
border:2px solid #FFFFFF;
border-radius:25px;
box-sizing:border-box;
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
cursor: pointer;
display:inline-block;
transition:all 0.3s;
padding:5px;
}
.index-banner .prev-tab-num .banner-prev{
background-image:url("../Images2/prev_01.png");
margin-right:0.3rem;
}
.index-banner .prev-tab-num .banner-next{
background-image:url("./images2/next_01.png");
}
.index-banner .prev-tab-num .num{
display:inline-block;
margin-right:1.5rem;
position:relative;
top:-0.5rem;
}
.index-banner .prev-tab-num .num .index-num{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:100;
font-size:0.5rem;
position:relative;
}
.index-banner .prev-tab-num .num .index-num:after{
position:absolute;
top:65%;
transform:translateY(-50%);
width:0.55rem;
height:8px;
background-color:#FF0000;
content:"";
left:-1.05rem;
}
.index-list{
padding: 2rem 0;
background-color:#fff;
}
.index-list .index-header{
position:relative;
z-index:10
}
.index-list .index-ajax-div .index-list1-swiper{
opacity: 0;
transition:all 0.3s;
}
.index-list .index-list1-swiper.cur{
opacity: 1;
}
.index-list .index-header .left{
float:left;
font-size:1.05rem;
color:#444444;
line-height:1.5rem;
}
.index-list .index-header .left .split{
display: inline-block !important
}
.js-m .split{
display: inline-block !important
}
.index-list .index-header .right{
float:right;
font-size:0;
text-align:left;
white-space:nowrap;
}
.index-list .index-header .right .select-div{
display:inline-block;
margin-right:0.25rem;
float:left;
position:relative;
}
.index-list .index-header .right .select-div:nth-last-child(1){
margin-right:0;
}
.index-list .index-header .right .select-div .hui-div{
width:5.35rem;
height:1.2rem;
background-color:#f4f4f4;
padding:0 0.7rem;
line-height:1.2rem;
position:relative;
font-size:0;
}
.index-list .index-header .right .select-div .hui-div .text{
font-size:0.375rem;
color:#444444;
height:1.2rem;
line-height:1.2rem;
outline:none;
background-color:transparent;;
}
.index-list .index-header .right .select-div .hui-div .submit{
background-color:transparent;
background-image: url("http://www.n12345.com/bocstatic/web/css/../img/select-s.png");
width:0.4rem;
height:0.4rem;
position:absolute;
top:50%;
transform:translateY(-50%);
right:0.7rem;
background-repeat:no-repeat;
background-size:100% 100%;
background-position:center;
cursor:pointer;
}
.index-list .index-header .right .select-div .hui-div .title{
font-size:0.375rem;
color:#444444;
height:1.2rem;
line-height:1.2rem;
background-size:12px;
background-position:right center;
background-repeat:no-repeat;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/list-xia.png")
}
.index-list .index-header .right .select-div .select-xiamian{
max-height:4.8rem;
background-color:#f4f4f4;
position:absolute;
top:1.2rem;
left:0;
width:100%;
display:none;
}
.index-list .index-header .right .select-div .select-xiamian .tit-id{
color:#444;
font-size:0.375rem;
height:1.2rem;
line-height:1.2rem;
border-top:1px solid #fff;
box-sizing:border-box;
padding:0 0.7rem;
display:block
}
.index-list .index-list1-swiper{
position:relative;
width:100%;
overflow: hidden;
margin-top:0.5rem;
}
.index-list .index-list1-swiper .swiper-slide{
position:relative;
opacity:0;
}
.index-list .index-list1-swiper .swiper-slide-active{
opacity:1;
}
.index-list .index-list1-swiper .swiper-slide .imgopi{
width:70%;
margin:0 auto
}
.index-list .index-list1-swiper .swiper-slide img{
width:100%;
}
.index-list .index-list1-swiper .swiper-slide .img-name{
text-align:center;
font-size:0.95rem;
color:#444444;
line-height:1rem;
position: relative;
margin-top: 0.5rem;
}
.index-list .index-list1-swiper .swiper-slide .img-title{
text-align:center;
font-size:0.4rem;
color:#666666;
line-height:0.5rem;
margin-top:0.25rem;
}
.index-list .index-list1-swiper .swiper-slide .more{
display:block;
margin: 0.75rem auto 0;
width:3rem;
height:1.2rem;
background-color:#00AC35;
color:#fff;
line-height:1.2rem;
background-position: 2.75rem center;
background-repeat:no-repeat;
background-size:8px;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/next1.png");
padding-left:0.75rem;
font-size:0.375rem;
transition:all 0.3s;
}
.index-list .index-list1-swiper .index-list1-prev,.index-list .index-list1-swiper .index-list1-next{
position:absolute;
top:50%;
transform:translateY(-50%);
cursor:pointer;
z-index:10;
font-size:0;
}
.index-list .index-list1-swiper .index-list1-next{
right:0;
}
.index-list .index-list1-swiper .index-list1-prev span,.index-list .index-list1-swiper .index-list1-next span{
width:1.2rem;
height:1.2rem;
border:1px solid #5f330d;
background-size:8px;
background-repeat:no-repeat;
background-position:center;
box-sizing: border-box;
display:inline-block;
line-height:1.2rem;
vertical-align: middle;
transition:all 0.3s;
}
.index-list .index-list1-swiper .index-list1-prev span{
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/prev.png");
margin-right:0.5rem;
}
.index-list .index-list1-swiper .index-list1-next span{
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/next.png");
margin-left:0.5rem;
}
.index-list .index-list1-swiper .index-list1-prev a,.index-list .index-list1-swiper .index-list1-next a{
font-size: 0.5rem;
color:#444444;
line-height:1.2rem;
display:inline-block;
vertical-align: middle;
}
.index-list1{
padding: 2rem 0 0;
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}
.index-list1 .left{
float:left;
font-size:1.05rem;
color:#fff;
line-height:1.5rem;
}
.index-list1 .right{
float:right;
font-size:0;
}
.index-list1 .right ul{
font-size:0;
text-align:left;
}
.index-list1 .right ul li{
display:inline-block;
vertical-align:top;
text-align:center;
margin-right:3.75rem;
}
.index-list1 .right ul li .num .shu{
font-size:1.6rem;
line-height:1.3rem;
font-family:Arial, Helvetica, sans-serif;
color:#FF0000;
vertical-align: top;
min-width:3rem;
}
.index-list1 .right ul li .num .jia{
font-size:0.6rem;
font-family:Arial, Helvetica, sans-serif;
color:#FF0000;
vertical-align: top;
margin-left:0.125rem;
font-weight: 400;
position: relative;
top: -0.1rem;
}
.index-list1 .right ul li .shuname{
font-size:0.375rem;
color:#666666;
line-height:0.4rem;
margin-top:0.4rem;
}
.index-list1 .list1-div{
position:relative;
margin-top:2rem;
}
.index-list1 .list1-div .list1-swiper-mian{
position:relative;
overflow: hidden;
margin-top:1.5rem;
max-height:7.5rem;
}
.index-list1 .list1-div .list1-swiper-mian .swiper-slide{
position:relative;
}
.index-list1 .list1-div .left{
float:left;
width:50%;
overflow: hidden;
}
.index-list1 .list1-div .left .con-box {
display: block;
overflow: hidden;
}
.index-list1 .list1-div .left img{
width:100%;
transform:scale3d(1.05,1.05,1)
}
.index-list1 .list1-div .right{
position:absolute;
top:0;
right:0;
width:50%;
height:100%;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/list1-img1.jpg")
}
.index-list1 .list1-div .right .right-mian{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:80%;
height:76%;
}
.index-list1 .list1-div .right .right-mian .name-title{
font-size:0.75rem;
line-height:0.9rem;
color:#444444;
overflow: hidden;
text-overflow:
white-space: nowrap;
}
.index-list1 .list1-div .right .right-mian .name-nr{
margin-top:10px;
font-size:0.45rem;
line-height:0.5rem;
color:#444444;
overflow: hidden;
text-overflow:
white-space: nowrap;
}
.index-list1 .list1-div .right .right-mian .li-title{
// margin-top:1.5rem;
}
.index-list1 .list1-div .right .right-mian .li-title li{
text-align:left;
margin-right:0;
border-bottom:1px dashed rgba(95, 51, 13, 0.2);
padding-bottom:0.5rem;
width:100%;
margin-top:0.5rem;
height:auto !important;
}
.index-list1 .list1-div .right .right-mian .li-title li:nth-child(1){
margin-top:0;
}
.index-list1 .list1-div .right .right-mian .li-title .list{
font-size:0.6rem;
color:#444444;
line-height:0.8rem;
}
.index-list1 .list1-div .right .right-mian .li-title .list-sm{
font-size:0.375rem;
color:#444444;
margin-top:0.25rem;
line-height:0.6rem;
height:1.8rem;
}
.index-list1 .list1-div .right .right-mian .more-div{
margin-top:1.5rem;
text-align:right;
position:relative;
}
.index-list1 .list1-div .right .right-mian .list1-more{
display: inline-block;
width: 3rem;
height: 1.2rem;
background-color: #00AC35;
color: #fff;
line-height: 1.2rem;
background-position: 2.75rem center;
background-repeat: no-repeat;
background-size: 8px;
background-image: url("http://www.n12345.com/bocstatic/web/css/../img/next1.png");
padding-left: 0.75rem;
font-size: 0.375rem;
text-align:left;
transition:all 0.3s;
}
.index-list1 .list1-div .list1-siwer-page{
position:absolute;
top:50%;
transform:translateY(-50%);
left:0%;
z-index:10
}
.index-list1 .list1-div .list1-siwer-page .swiper-pagination-bullet{
font-size:0.35rem;
color:#5f330d;
position:relative;
transition:all 0.3s;
display:inline-block;
width:0.5rem;
height:0.5rem;
line-height:0.5rem;
}
.index-list1 .list1-div .list1-siwer-page .swiper-pagination-bullet-active{
background:transparent;
font-size:0.45rem;
margin-right:2.5rem;
}
.index-list1 .list1-div .list1-siwer-page .swiper-pagination-bullet:after{
position:absolute;
top:50%;
transform:translateY(-50%);
width:0;
height:2px;
background-color:#5f330d;
content:"";
right:-2.25rem;
}
.index-list1 .list1-div .list1-siwer-page .swiper-pagination-bullet-active:after{
width:2rem;
transition:all 0.3s 0.2s;
}
.index-list1 .list1-div .list1-siwer-page .swiper-pagination-bullet:nth-last-child(1):after{
display:none;
}
.index-list2{
padding:3.25rem 0;
}
.index-list2 .left{
float:left;
width:28.5%;
}
.index-list2 .left .name{
font-size:1.05rem;
color:#444444;
line-height:1.5rem;
}
.index-list2 .shuli{
margin-top:2.25rem;
font-size:0;
}
.index-list2 .shuli li{
float:left;
padding-bottom: 1rem;
border-bottom: 1px dashed rgba(232, 232, 232, 1);
}
.index-list2 .shuli li:nth-child(2n-1){
width:10rem;
}
.index-list2 .shuli li:nth-child(2n){
width:10rem;
}
.index-list2 .shuli li:nth-child(3){
width:10rem;
}
.index-list2 .shuli li:nth-child(4){
width:10rem;
}
.index-list2 .shuli li .number .shu{
font-size:1.2rem;
font-family:Arial, Helvetica, sans-serif;
color:#FF0000;
font-weight:bold;
line-height:1.2rem;
vertical-align:top;
}
.index-list2 .shuli li .number .numname{
font-size:0.45rem;
color:#00AC35;
vertical-align:top;
margin-left:0.15rem;
}
.index-list2 .more-list2{
display: inline-block;
width: 3rem;
height: 1.2rem;
background-color: #00AC35;
color: #fff;
line-height: 1.2rem;
background-position: 2.75rem center;
background-repeat: no-repeat;
background-size: 8px;
background-image: url("http://www.n12345.com/bocstatic/web/css/../img/next1.png");
padding-left: 0.75rem;
font-size: 0.375rem;
text-align: left;
margin-top:1.25rem;
transition:all 0.3s;
}
.index-list2 .right{
float:right;
width:71.5%;
position:relative;
}
.index-list2 .right>img{
width:100%;
}
.index-list2 .right .map-div{
position:absolute;
width:35.7%;
height:37%;
border-radius:4px;
background-color:#00AC35;
right:3.3%;
bottom:13%;
}
.index-list2 .right .map-div .map-list{
padding: 0 0.75rem;
}
.index-list2 .right .map-div .map-list .name{
font-size:0.5rem;
color:#fff;
height:2rem;
line-height:2rem;
text-align:center;
border-bottom:1px solid rgba(255, 255, 255, 0.5)
}
.index-list2 .right .map-div .map-list .bottom{
margin-top:0.6rem;
}
.index-list2 .right .map-div .map-list .sm-left{
float:left;
width:55%;
}
.index-list2 .right .map-div .map-list .sm-left .add{
font-size:0.35rem;
color:#fff;
line-height:0.5rem;
padding-left:0.75rem;
background-position:top left;
background-repeat:no-repeat;
background-size:0.5rem;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/add.png");
}
.index-list2 .right .map-div .map-list .sm-left .tel{
font-size:0.35rem;
color:#fff;
line-height:0.5rem;
padding-left:0.75rem;
background-position:top left;
background-repeat:no-repeat;
background-size:0.5rem;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/tel.png");
margin-top:0.5rem;
}
.index-list2 .right .map-div .map-list .sm-right{
float:right;
width:40%;
}
.index-list2 .right .map-div .map-list .sm-right img{
width:100%;
}
.index-list3{
padding: 0.1rem 0;
background-color:#eeeeee;
}
.index-list3 .list3-header{
position:relative;
font-size:0.55rem;
line-height:1rem;
color:#444444;
}
.index-list3 .list3-header .more{
position:absolute;
right:0;
bottom:0;
font-size:0.375rem;
color:#444;
padding-right: 0.75rem;
display:inline-block;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/next.png");
background-size:8px;
background-position:right center;
background-repeat:no-repeat;
transition:all 0.3s;
}
.index-list3 .list3-swiper{
margin-top:1.5rem;
position:relative;
overflow: hidden;
}
.index-list3 .list3-swiper .swiper-slide{
position:relative;
}
.index-list3 .list3-swiper .swiper-slide .img{
width:100%;
overflow: hidden;
height:7rem;
}
.index-list3 .list3-swiper .swiper-slide .img img{
width:100%;
height:7rem;
transition:all 0.3s;
}
.index-list3 .list3-swiper .swiper-slide .img-list{
padding: 1rem;
background-color:#fff;
}
.index-list3 .list3-swiper .swiper-slide .img-list .new-name{
font-size:0.65rem;
color:#444444;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
line-height:0.8rem;
transition:all 0.3s;
}
.index-list3 .list3-swiper .swiper-slide .img-list .new-title{
font-size:0.4rem;
color:#666666;
line-height:0.6rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-top:0.45rem;
}
.index-list3 .list3-swiper .swiper-slide .img-list .time{
font-size:0.55rem;
font-family:Arial, Helvetica, sans-serif;
color:#888888;
margin-top:0.65rem;
}
.index-list3 .list3-swiper .list3-pagetion{
position:relative;
margin-top:1.25rem;
text-align:center;
}
.index-list3 .list3-swiper .list3-pagetion .swiper-pagination-bullet-active{
background: transparent;
background: transparent;
font-size: 0.45rem;
margin-right: 2.5rem;
}
.index-list3 .list3-swiper .list3-pagetion .swiper-pagination-bullet{
font-size: 0.35rem;
color: #5f330d;
position: relative;
transition: all 0.3s;
display: inline-block;
width: 0.5rem;
height: 0.5rem;
line-height:0.5rem;
}
.index-list3 .list3-swiper .list3-pagetion .swiper-pagination-bullet:after{
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 2px;
background-color: #5f330d;
content: "";
right: -2.25rem;
}
.index-list3 .list3-swiper .list3-pagetion .swiper-pagination-bullet-active:after{
width: 2rem;
transition: all 0.3s 0.2s;
}
.index-list3 .list3-swiper .list3-pagetion .swiper-pagination-bullet:nth-last-child(1):after{
display:none;
}
.nei-bannerdiv{
position:relative;
}
.nei-bannerdiv .left{
position:absolute;
top:0;
left:0;
width:28.1%;
height:100%;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/bei-left.jpg")
}
.nei-bannerdiv .right{
float:right;
width:71.9%;
overflow: hidden;
}
.nei-bannerdiv.chause .right{
width:100%;
}
.nei-bannerdiv .right img{
width:100%;
transform:scale3d(1.05,1.05,1)
}
.nei-bannerdiv .left .left-mian{
position:absolute;
top:50%;
transform:translateY(-50%);
left:22.2%;
width:70%;
max-height:80%;
// overflow: auto;
}
.nei-bannerdiv .left .left-mian .piblod{
font-size:0.9rem;
color:#222222;
font-family:Arial, Helvetica, sans-serif;
line-height:1rem;
}
.nei-bannerdiv .left .left-mian .list-name{
font-size:0.4rem;
color:#666666;
line-height:0.75rem;
margin-top:1rem;
text-align:justify;
}
.nei-bannerdiv .left .left-mian .more-down{
font-size:0.375rem;
display:inline-block;
padding-right:1.5rem;
color:#00AC35;
margin-top:1.5rem;
cursor:pointer;
transition:all 0.3s;
}
.nei-bannerdiv .left .left-mian .more-down:after{
position:absolute;
top:50%;
transform:translateY(-50%);
right:0;
width:0.35rem;
height:0.35rem;
background-repeat:no-repeat;
background-size:0.35rem;
background-position:center;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/down1.png");
content:"";
animation:top0 1s infinite linear .65s;
}
@keyframes top0{
0% {
transform: translateY(-50%);
}
33% {
transform: translateY(-40%);
}
66% {
transform: translateY(-60%);
}
100% {
transform: translateY(-50%);
}
}
.intr-list1{
padding: 4rem 0 0rem;
}
.intr-list1 .left{
float:left;
width:60%;
}
.intr-list1 .left .name{
font-size:0.9rem;
line-height:1.1rem;
color:#000000
}
.intr-list1 .left .name-jie{
font-size:0.4rem;
line-height:0.75rem;
color:#666666;
margin-top:1rem;
text-align:justify;
}
.intr-list1 .right{
position:absolute;
bottom:2rem;
right:6.5%;
width:30%;
}
.intr-list1 .right ul{
font-size:0;
text-align:center;
text-align:right;
}
.intr-list1 .right ul li{
vertical-align:top;
display:inline-block;
position:relative;
text-align:center;
margin: 0 1rem;
}
.intr-list1 .right ul li:after{
position:absolute;
top:50%;
transform:translateY(-50%);
right:-1rem;
width:1px;
height:70%;
content:"";
background-color:#ebebeb
}
.intr-list1 .right ul li:nth-child(1){
margin-left:0
}
.intr-list1 .right ul li:nth-last-child(1){
margin-right:0
}
.intr-list1 .right ul li:nth-last-child(1):after{
display:none;
}
.intr-list1 .right ul li .num{
font-size:0.6rem;
color:#00AC35;
font-family:Arial, Helvetica, sans-serif;
line-height:0.8rem;
}
.intr-list1 .right ul li .numname{
font-size:0.35rem;
color:#808080;
line-height:0.4rem;
margin-top:0.25rem;
}
.intr-list2{
padding: 2rem 0 1rem;
position:relative;
}
.intr-list2:after{
position:absolute;
content:"";
width:87.5%;
height:1px;
background-color:#ebebeb;
bottom:0;
left:0;
}
.intr-list2 .left{
float:left;
width:56%;
}
.intr-list2 .left img{
width:100%;
}
.intr-list2 .right{
position:absolute;
top:18.8%;
width:40%;
right:0;
}
.intr-list2 .right .name{
font-size:0.9rem;
line-height:1.1rem;
color:#000000;
}
.intr-list2 .right .name-jie{
font-size:0.4rem;
color:#666666;
margin-top:1rem;
line-height:0.75rem;
text-align:justify;
}
.intr-list3{
padding:2rem 0 0;
}
.intr-list3 .right{
bottom:3.5rem
}
.intr-list4 .list4-div{
position:relative;
}
.intr-list4{
position:relative;
}
.intr-list4:after{
position:absolute;
content:"";
width:87.5%;
height:1px;
background-color:#ebebeb;
bottom:0;
left:6.25%;
}
.intr-list4 .left{
float:left;
width:50%;
}
.intr-list4:nth-child(2n) .list4-div .left{
float:right;
}
.intr-list4 .left img{
width:100%;
}
.intr-list4 .right{
position:absolute;
top:50%;
transform:translateY(-50%);
width:34.4%;
right:6.25%;
}
.intr-list4:nth-child(2n) .list4-div .right{
left:6.25%;
right:auto;
}
.intr-list4 .right .name{
font-size:0.9rem;
line-height:1.1rem;
column-rule: #000000;
}
.intr-list4 .right .name-jie{
font-size:0.4rem;
color:#666;
line-height:0.75rem;
margin-top:1rem;
text-align:justify;
}
.intr-list5{
position:relative;
font-size:0;
text-align:center;
}
.intr-list5 li{
position:relative;
display:inline-block;
width:20%;
padding-bottom:23%;
border-right: 1px solid #ebebeb;
box-sizing:border-box;
transition:all 0.3s;
}
.intr-list5 li:nth-child(1){
border-left:1px solid #ebebeb
}
.intr-list5 li .li-ico{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:80%;
text-align:center;
}
.intr-list5 li .li-ico .img img{
width:1rem;
}
.intr-list5 li .li-ico .imgname{
font-size:0.9rem;
line-height:1.1rem;
font-family:Arial, Helvetica, sans-serif;
color:#000;
margin-top:1rem;
}
.intr-list5 li .li-ico .name-jie{
font-size:0.4rem;
line-height:0.6rem;
margin-top:0.25rem;
color:#666666;
}
.honer-list1{
padding: 2rem 0 ;
background-color:#f5f5f5;
}
.honer-list1 .honer-name{
font-size:0.75rem;
color:#000000;
line-height:1.25rem;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}
.honer-list1 .honer-swilerp1{
margin-top:1.25rem;
position:relative;
font-size:0;
}
.honer-list1 .honer-ul1 li{
border: 1px solid #ebebeb;
box-sizing:border-box;
background-color:#fff;
text-align:center;
}
.honer-list1 .honer-page1{
margin-top:1.5rem;
position:relative;
width:100%;
height:4px;
background-color:#efefef;
}
.honer-list1 .honer-page1 .swiper-scrollbar-drag{
background-color:#e60012
}
.honer-list1 .honer-ul1 li .honer-item{
padding:1rem 0;
width:80%;
margin: 0 auto;
}
.honer-list1 .honer-ul1 li .img{
width:100%;
overflow:hidden;
}
.honer-list1 .honer-ul1 li .img img{
width:100%;
transition:all 0.3s;
}
.honer-list1 .honer-ul1 li .imgname{
font-size:0.4rem;
line-height:0.6rem;
color:#666666;
margin-top:0.5rem;
}
.honer-list2{
padding:2rem 0;
background-color:#fff;
}
.honer-list2 .list2-name{
font-size:0.75rem;
line-height:0.8rem;
font-family:Arial, Helvetica, sans-serif;
color:#000;
text-align:center;
}
.honer-list2 .list2-swiperhoner{
position:relative;
overflow: hidden;
margin-top:0.75rem;
padding-top: 0.5rem;
}
.honer-list2 .list2-swiperhoner .swiper-slide{
position:relative;
transition:all 0.3s;
margin-top:0;
}
.honer-list2 .list2-swiperhoner .swiper-slide .img-div{
border: 1px solid #e5e5e5;
padding: 1rem;
background-color:#fff;
text-align:center;
}
.honer-list2 .list2-swiperhoner .swiper-slide .img-div .img{
overflow:hidden
}
.honer-list2 .list2-swiperhoner .swiper-slide .img-div img{
width:100%;
transition:all 0.3s;
}
.honer-list2 .list2-swiperhoner .swiper-slide .img-div .imgname{
font-size:0.4rem;
color:#666;
margin-top:0.5rem;
line-height:0.6rem;
text-align:center;
height:1.2rem;
overflow: hidden;
}
.honer-list2 .honer-page{
margin-top:1.5rem;
position:relative;
width:100%;
height:4px;
background-color:#efefef;
}
.honer-list2 .honer-page .swiper-scrollbar-drag{
background-color:#e60012
}
.honer-list3{
padding: 2rem 0 4rem;
background-color:#f5f5f5;
}
.honer-list3 .list3-swiperhoner{
position:relative;
overflow: hidden;
margin-top:1.25rem;
}
.honer-list3 .list3-swiperhoner .swiper-slide{
position:relative;
}
.honer-list3 .list3-swiperhoner .swiper-slide .img-div{
padding:1rem;
border: 1px solid #e5e5e5;
box-sizing:border-box;
background-color:#fff;
}
.honer-list3 .list3-swiperhoner .swiper-slide .img-div .img{
overflow: hidden;
}
.honer-list3 .list3-swiperhoner .swiper-slide .img-div .img img{
width:100%;
transition:all 0.3s;
}
.honer-list3 .list3-swiperhoner .swiper-slide .img-div .imgname{
font-size:0.4rem;
line-height:0.6rem;
text-align:center;
color:#666;
margin-top:0.5rem;
}
.honer-list3 .list3-name{
font-size:0.9rem;
color:#000;
text-align:center;
line-height:1.1rem;
}
.honer-list3 .honer1-page{
margin-top:1.5rem;
position:relative;
width:100%;
height:4px;
background-color:#e4e4e4;
}
.honer-list3 .honer1-page .swiper-scrollbar-drag{
background-color:#e60012
}
.pho-mapimg{
display:none;
}
.repon-list1{
padding: 2.5rem 0 ;
}
.repon-list1 .w1800{
width:93.75%;
margin-left:6.25%;
position:relative;
}
.repon-list1 .w1800 .left{
position:absolute;
width:50%;
height:100%;
overflow: hidden;
}
.repon-list1 .w1800 .left .title{
font-size:0.9rem;
line-height:1.25rem;
color:#000;
margin-top:0.5rem;
}
.repon-list1 .w1800 .left .title-div{
font-size:0.4rem;
color:#666666;
line-height:0.6rem;
margin-top:1rem;
height:calc(100% - 4.5rem);
position:relative;
overflow: auto;
}
.repon-list1 .w1800 .left .pgblod{
font-size:0.6rem;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
line-height:0.6rem;
}
.repon-list1 .w1800 .right{
float:right;
width:46%;
overflow: hidden;
}
.repon-list1 .w1800 .right img{
width:100%;
}
.repon-list2{
padding:2rem 0 2.5rem;
background-color:#f5f5f5;
}
.repon-list2 .phblod{
font-size:0.6rem;
line-height:0.6rem;
color:#000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.repon-list2 .title{
font-size:0.9rem;
line-height:1.25rem;
color:#000;
text-align:center;
margin-top:0.5rem;
}
.repon-list2 .repon-swiper{
margin-top:1rem;
position:relative;
overflow: hidden;
padding-top:0.5rem;
padding-right:1px;
}
.repon-list2 .repon-swiper .swiper-slide{
position:relative;
transition:all 0.3s;
top:0;
}
.repon-list2 .repon-swiper .swiper-slide .repon-li{
padding:1rem;
background-color:#fff;
border: 1px solid #e5e5e5;
}
.repon-list2 .repon-swiper .swiper-slide .repon-li .img{
overflow: hidden;
}
.repon-list2 .repon-swiper .swiper-slide .repon-li .img img{
width:100%;
transition:all 0.3s;
}
.repon-list2 .repon-swiper .swiper-slide .repon-li .time{
font-size:0.35rem;
line-height:0.4rem;
color:#999999;
margin-top:0.5rem;
}
.repon-list2 .repon-swiper .swiper-slide .repon-li .pgblod-t{
font-size:0.5rem;
color:#000;
font-family:Arial, Helvetica, sans-serif;
line-height:0.75rem;
margin-top:0.35rem;
height:1.5rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
transition:all 0.3s;
}
.repon-list2 .repon-swiper .swiper-slide .repon-li .title{
font-size:0.4rem;
color:#666666;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
line-height:0.5rem;
margin-top:0.5rem;
height:0.5rem;
}
.repon-list2 .repon-swiper .swiper-slide .repon-li .more{
display:inline-block;
margin-top:0.75rem;
font-size:0.35rem;
color:#00AC35;
padding-right:0.5rem;
background-size:8px;
background-repeat:no-repeat;
background-position:right center;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/next2.png");
transition:all 0.3s;
}
.repon-list2 .repon-swiper .repon-page{
position:relative;
margin-top:1.5rem;
width:100%;
height: 4px;
background-color: #e2e2e2;
}
.repon-list2 .repon-swiper .repon-page .swiper-scrollbar-drag{
background-color: #00AC35;
}
.serve-list1{
padding: 2.25rem 0 1.75rem;
}
.serve-list1 .pgblod{
font-size:0.9rem;
color:#222222;
text-align:center;
line-height:1rem;
}
.serve-list1 .title{
font-size:0.4rem;
color:#666;
line-height:0.75rem;
margin-top:0.75rem;
text-align:center;
}
.serve-list1 .listul{
margin-top:1.75rem;
position:relative;
margin-bottom:2rem;
}
.serve-list1 .listul li{
float:left;
width:20%;
padding-bottom:23%;
background-repeat:no-repeat;
background-size:cover;
background-position:center;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/sli1.jpg");
position:relative;
}
.serve-list1 .listul li:nth-child(2n){
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/sli2.jpg")
}
.serve-list1 .listul li .li-tli{
position:absolute;
top:50%;
left:50%;
width:80%;
height:82%;
transform:translate(-50%,-50%);
padding: 0 0.3rem;
}
.serve-list1 .listul li .li-tli .ico{
width:1rem;
position:relative;
}
.serve-list1 .listul li .li-tli .ico img{
width:1rem;
transition:all 0.3s;
opacity:0;
}
.serve-list1 .listul li .li-tli .ico img.img1{
opacity:1;
}
.serve-list1 .listul li .li-tli .ico img.img2{
position:absolute;
top:0;
left:0;
}
.serve-list1 .listul li .li-tli .title{
font-size:0.55rem;
color:#333333;
line-height:0.6rem;
margin-top:0.6rem;
text-align:left;
transition:all 0.3s;
}
.serve-list1 .listul li .li-tli .title-div{
font-size:0.4rem;
line-height:0.7rem;
color:#999999;
margin-top:0.5rem;
text-align:justify;
height:4.9rem;
}
.serve-list2{
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
}
.serve-list2 li{
position:relative;
}
.serve-list2 li .left{
float:left;
width:50%;
overflow:hidden;
}
.serve-list2 li:nth-child(2n) .left{
float:right;
}
.serve-list2 li .left {
overflow:hidden
}
.serve-list2 li .left img{
width:100%;
transform:scale3d(1.1,1.1,1)
}
.serve-list2 li .right{
position:absolute;
top:0;
right:0;
width:50%;
height:100%;
}
.serve-list2 li:nth-child(2n) .right{
right:auto;
left:0;
}
.serve-list2 li .right .right-div{
position:absolute;
top:50%;
left:50%;
width:70%;
transform:translate(-50%,-50%);
}
.serve-list2 li .right .right-div .name{
font-size:0.8rem;
color:#000;
line-height:0.8rem;
font-weight:600;
}
.serve-list2 li .right .right-div .title{
font-size:0.4rem;
margin-top:0.75rem;
line-height:0.5rem;
color:#666666;
}
.serve-list2 li .right .right-div .ul-div{
margin-top:0.75rem;
padding-right:0.5rem;
position:relative;
max-height:7.5rem;
overflow: auto;
font-size: 0.4rem;
}
.serve-list2 li .right .right-div .ul-div .item-tit{
font-size:0.55rem;
color:#333333;
padding-left:0.5rem;
background-repeat:no-repeat;
background-position:left center;
background-size:8px;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/seyuan.png");
line-height:0.6rem;
}
.serve-list2 li .right .right-div .ul-div .item-p{
font-size:0.4rem;
color:#666;
line-height:0.75rem;
margin-top:0.5rem;
padding-left:0.5rem;
margin-bottom:0.75rem;
}
.pagetion-div{
height:4.5rem;
position:relative;
}
.pagetion-div .no-moretitile{
font-size:0.5rem;
color:#000;
text-align:center;
transition:all 0.3s;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
cursor:pointer;
display:none;
}
.pagetion-div .loading{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:1rem;
height:1rem;
background-repeat:no-repeat;
background-size:100% 100%;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/load.png");
background-position:center;
display:none;
}
.inve-list1{
padding:2.5rem 0;
}
.inve-list1 .title{
font-size:0.9rem;
line-height:1.1rem;
color:#000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.inve-list1 .title-p{
color:#666666;
line-height:0.6rem;
font-size:0.4rem;
margin-top:0.6rem;
text-align:center;
}
.inve-list1 .inve-ul1{
margin-top:1.5rem;
font-size:0;
text-align:center;
}
.inve-list1 .inve-ul1 li{
display:inline-block;
vertical-align:top;
position:relative;
margin: 0 1rem;
}
.inve-list1 .inve-ul1 li:after{
position:absolute;
content:"";
right:-1rem;
width:1px;
height:1rem;
background-color:#e5e5e5;
top:50%;
transform:translateY(-50%);
}
.inve-list1 .inve-ul1 li:nth-last-child(1):after{
display:none;
}
.inve-list1 .inve-ul1 li .num{
font-size:0.6rem;
font-family:Arial, Helvetica, sans-serif;
color:#00AC35;
line-height:0.6rem;
}
.inve-list1 .inve-ul1 li .num-name{
font-size:0.35rem;
color:#808080;
line-height:0.4rem;
margin-top:0.3rem;
}
.inve-list2{
padding: 1.8rem 0 2.5rem;
background-color:#f5f5f5;
}
.inve-list2 .title{
font-size:0.9rem;
line-height:1.1rem;
color:#000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.inve-list2 .inve-ul2{
margin-top:0.75rem;
position:relative;
overflow: hidden;
padding-top:0.5rem;
}
.inve-list2 .join-joind{
margin-top: 0.5rem;
position: relative;
width: 100%;
height: 4px;
background-color: #e2e2e2;
display:none;
}
.inve-list2 .join-joind .swiper-scrollbar-drag {
background-color: #00AC35;
}
.inve-list2 .inve-ul2 .swiper-slide{
position:relative;
transition:all 0.3s;
top:0;
background-color:#fff;
height:100%;
}
.inve-list2 .inve-ul2 .swiper-slide:after{
position:absolute;
left:0;
width:100%;
height:700px;
top:100px;
background-color:#fff;
content:"";
z-index:-1;
}
.inve-list2 .inve-ul2 .swiper-slide .li-div{
padding: 1.25rem 1.1rem;
}
.inve-list2 .inve-ul2 .swiper-slide .li-div .ico-img{
width:1.5rem;
overflow: hidden;
}
.inve-list2 .inve-ul2 .swiper-slide .li-div .ico-img img{
width:100%;
}
.inve-list2 .inve-ul2 .swiper-slide .li-div .blod-name{
font-size:0.6rem;
line-height:0.8rem;
color:#333333;
margin-top:0.75rem;
font-family:Arial, Helvetica, sans-serif;
}
.inve-list2 .inve-ul2 .swiper-slide .li-div .title-div{
font-size:0.4rem;
color:#666666;
line-height:0.7rem;
margin-top:0.5rem;
}
.inve-list3{
padding:2.5rem 0 1.5rem;
}
.inve-list3 .title{
font-size: 0.9rem;
line-height: 1.1rem;
color: #000;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
}
.inve-list3 .list3ul{
margin-top:1.25rem;
position:relative;
font-size:0;
text-align:left;
}
.inve-list3 .list3ul li{
display:inline-block;
vertical-align:top;
width:33.3%;
position:relative;
margin-bottom:1.5rem;
}
.inve-list3 .list3ul li .li-div{
padding-right:2rem;
}
.inve-list3 .list3ul li .ico-img{
width:1.5rem;
overflow:hidden;
}
.inve-list3 .list3ul li .ico-img img{
width:100%;
}
.inve-list3 .list3ul li .ico-name{
font-size:0.6rem;
color:#333;
line-height:0.7rem;
margin-top:0.3rem;
font-family:Arial, Helvetica, sans-serif;
}
.inve-list3 .list3ul li .ico-title{
font-size:0.4rem;
color:#666;
line-height:0.65rem;
margin-top:0.5rem;
}
.inve-list4{
padding: 2rem 0;
background-color:#f5f5f5;
}
.inve-list4 .title{
font-size: 0.9rem;
line-height: 1.1rem;
color: #000;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
}
.inve-list4 .w1760{
width:87.5%;
margin-left:0;
margin:0 auto;
position:relative;
}
.inve-list4 .inve-list4-swiper{
position:relative;
overflow:hidden;
margin-top:1.5rem;
}
.inve-list4 .inve-list4-swiper .swiper-slide{
position:relative;
}
.inve-list4 .inve-list4-swiper .swiper-slide .mask{
background-size:cover;
background-position:center;
background-repeat:no-repeat;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:-1;
opacity:0;
transition:all 0.3s;
}
.inve-list4 .inve-list4-swiper .swiper-slide .num-index{
font-size:0.45rem;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
line-height:0.5rem;
transition:all 0.3s;
}
.inve-list4 .inve-list4-swiper .swiper-slide .item-name{
font-size:0.6rem;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
margin-top:0.9rem;
transition:all 0.3s;
line-height:0.7rem;
}
.inve-list4 .inve-list4-swiper .swiper-slide .item-p{
margin-top:0.75rem;
font-size:0.4rem;
line-height:0.65rem;
color:#666;
transition:all 0.3s;
height:2.6rem;
overflow:auto
}
.inve-list4 .inve-list4-swiper .swiper-slide .div-padding{
padding:1rem 1.75rem 1.75rem;
position:relative;
}
.inve-list4 .inve-list4-swiper .swiper-slide .div-padding:after{
position:absolute;
right:0;
top:30%;
height:60%;
content:"";
background-color:#e5e5e5;
width:1px;
}
.inve-list4 .inve-list4-page{
margin-top:0.75rem;
position:relative;
width: 100%;
height: 4px;
background-color: #e2e2e2;
}
.inve-list4 .inve-list4-page .swiper-scrollbar-drag{
background-color: #00AC35;
}
.coll-list1{
padding:2.5rem 0;
}
.coll-list1 .title{
font-size:0.6rem;
color:#000;
font-family:Arial, Helvetica, sans-serif;
line-height:0.7rem;
text-align:center;
}
.coll-list1 .big-title{
font-size:0.9rem;
line-height:1.1rem;
margin-top:0.25rem;
color:#000;
text-align:center;
}
.coll-list1 .coll-ul1{
font-size:0;
text-align:center;
margin-top:2.3rem;
position:relative;
}
.coll-list1 .coll-ul1 li{
vertical-align:top;
display:inline-block;
width:25%;
text-align:center;
position:relative;
top:0;
transition:all 0.3s;
}
.coll-list1 .coll-ul1 li .ico-img{
text-align:center;
}
.coll-list1 .coll-ul1 li .ico-img img{
max-width:100%;
}
.coll-list1 .coll-ul1 li .ico-name{
font-size:0.6rem;
color:#000000;
margin-top:0.6rem;
line-height:0.7rem;
font-weight:600;
}
.coll-list1 .coll-ul1 li .ico-p{
font-size:0.4rem;
color:#666;
margin-top:0.5rem;
line-height:0.75rem;
}
.coll-list2{
padding:2rem 0 1.75rem;
background-color:#f5f5f5;
}
.coll-list2 .title-name{
font-size:0.9rem;
line-height:1.1rem;
color:#000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.coll-list2 .list2-ico{
text-align:center;
margin-top:0.75rem;
}
.coll-list2 .list2-ico img{
max-width:100%;
}
.coll-list2 .list2-div{
margin-top:0.75rem;
font-size:#666;
line-height:0.9rem;
font-size:0.45rem;
text-align:center;
}
.coll-list3{
padding:2.25rem 0 2.5rem;
}
.coll-list3 .title-name{
font-size:0.9rem;
line-height:1.1rem;
color:#000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.coll-list3 .table-div{
margin-top:1.35rem;
width:100%;
}
.coll-list3 .table-div thead{
border-bottom:1px solid #e1e1e1;
padding: 0 0 0.6rem;
}
.coll-list3 .table-div thead th{
font-size:0.6rem;
width:33.3%;
color:#222222;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}
.coll-list3 .table-div tbody{
text-align:center
}
.coll-list3 .table-div tbody tr{
border-bottom:1px solid #e1e1e1;
}
.coll-list3 .table-div tbody tr td{
line-height:0.75rem;
font-size:0.4rem;
font-family:Arial, Helvetica, sans-serif;
color:#666;
padding:0.6rem 0;
}
.coll-list3 .table-div tbody tr td a{
display:inline-block;
color:#000;
font-size:0.45rem;
padding-bottom:2px;
border-bottom:1px solid #000
}
.coll-list4{
padding: 2rem 0 ;
}
.coll-list4 .title-name{
font-size:0.9rem;
line-height:1.1rem;
color:#000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.resou-list1{
padding:2rem 0 3.5rem;
}
.resou-list1 .w1440{
position:relative;
width:75%;
margin: 0 auto;
}
.resou-list1 .resou-ul li{
height:1.75rem;
line-height:1.75rem;
border-bottom: 1px solid #e4e4e4;
}
.resou-list1 .resou-ul li span{
font-size:0.4rem;
color:#222;
font-family:Arial, Helvetica, sans-serif;
margin-left:0.25rem;
font-weight:600,
}
.resou-list1 .resou-ul li a{
font-size:0.4rem;
color:#666666;
margin-left:1.5rem;
transition:all 0.3s;
}
.resou-list1 .resou-ul li a.cur{
color:#00AC35;
}
.resou-list1 .resou-ul1{
margin-top:2rem;
font-size:0;
}
.resou-list1 .resou-ul1 li{
padding:0 1.5rem;
background-color:#00AC35;
height:1.5rem;
line-height:1.5rem;
font-size:0.45rem;
color:#fff;
}
.resou-list1 .resou-ul1 li div{
float:left;
width:30%;
}
.resou-list1 .resou-ul1 li div:last-child{
width:10%;
text-align:right;
}
.resou-list1 .resou-ul1 li div span{
display:inline-block;
padding-right:0.75rem;
background-position:right center;
background-size:12px;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/join-xia.png");
background-repeat:no-repeat;
}
.resou-list1 .resou-ul2{
box-shadow:0 6px 21px rgba(0,0,0,0.07)
}
.resou-list1 .resou-ul2 li .header-li{
padding:0 1.5rem;
background-color:#fff;
height:1.5rem;
line-height:1.5rem;
font-size:0.4rem;
color:#666666;
position:relative;
}
.resou-list1 .resou-ul2 li .header-li:before{
width:calc(100% - 3rem);
position:absolute;
left:1.5rem;
height:1px;
background-color:#e5e5e5;
bottom:0;
content:"";
}
.resou-list1 .resou-ul2 li:nth-last-child(1) .header-li:before{
display:none;
}
.resou-list1 .resou-ul2 li.cur .header-li:before{
display:none;
}
.resou-list1 .resou-ul2 li .header-li .btn-join{
position:absolute;
top:50%;
transform:translateY(-50%);
width:0.65rem;
height:0.65rem;
display:inline-block;
background-position:center;
background-repeat:no-repeat;
background-size:100% 100%;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/jia.png");
right:1.5rem;
cursor:pointer;
transition:all 0.3s;
}
.resou-list1 .resou-ul2 li .header-li .btn-join.cur{
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/jian.png");
}
.resou-list1 .resou-ul2 li .header-li div{
float:left;
width:30%;
}
.resou-list1 .resou-ul2 li .li-mian{
padding:0.75rem 1.5rem ;
background-color:#fafafa;
font-size:0.35rem;
color:#666666;
display:none;
}
.resou-list1 .resou-ul2 li .li-mian p{
line-height:0.75rem;
}
.resou-list1 .resou-ul2 li .btn-model{
display:block;
width:2.75rem;
height:0.9rem;
line-height:0.9rem;
text-align:center;
color:#fff;
font-size:0.35rem;
background-color:#00AC35;
margin-top:0.75rem;
}
.jianshe-moedl1{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:500;
display:none;
}
.jianshe-moedl1 .black{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, 0.3)
}
.jianshe-moedl1 .bakcmian{
background-color:#fff;
padding:30px;
width:300px;
border-radius:6px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.jianshe-moedl1 .close{
position:absolute;
top:0;
right:0;
width:30px;
height:30px;
line-height:30px;
text-align:center;
color:#fff;
font-size:16px;
background-color:rgba(0, 0, 0, 0.9);
border-top-right-radius: 6px
}
.jianshe-moedl1 .name{
font-size:20px;
color:#333;
text-align:center;
}
.park-list1{
padding:2.25rem 0 2.5rem;
background-color:#f5f5f5;
}
.park-list1 .title-name{
font-size:0.9rem;
line-height:1.1rem;
text-align:center;
color:#000;
font-family:Arial, Helvetica, sans-serif;
}
.park-list1 .num-blod{
font-size:0.6rem;
line-height:0.7rem;
margin-top:0.8rem;
text-align:center;
color:#000;
font-family:Arial, Helvetica, sans-serif;
}
.park-list1 .sm-en{
font-size:0.4rem;
line-height:0.5rem;
color:#666;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
margin-top:0.5rem;
}
.park-list1 .park-img{
width:66.7%;
margin:1.5rem auto 2.5rem;
position:relative;
}
.park-list1 .park-img img{
width:100%;
}
.park-list1 .park-img .imgname{
font-size:0.4rem;
color:#fff;
position:absolute;
bottom:0.5rem;
right:0.9rem;
z-index:10;
}
.park-list1 .w1800{
margin-left:6.25%;
position:relative;
width:93.75%;
}
.park-list1 .park-sipwer{
position:relative;
margin-top:1.25rem;
overflow:hidden;
}
.park-list1 .park-sipwer .swiper-slide img{
width:100%;
}
.park-list1 .park-page{
margin-top:1.5rem;
position:relative;
width: 100%;
height: 4px;
background-color: #e2e2e2;
}
.park-list1 .park-page .swiper-scrollbar-drag{
background-color: #00AC35;
}
.park-list2{
padding:2.75rem 0 2.5rem;
}
.park-list2 .title-name{
font-size:0.9rem;
line-height:1.1rem;
text-align:center;
color:#000;
font-family:Arial, Helvetica, sans-serif;
}
.park-list2 .list2-ul{
margin-top:1.5rem;
font-size:0;
position:relative;
text-align:center;
padding-bottom:2.25rem;
border-bottom: 1px solid #e5e5e5;
}
.park-list2 .list2-ul li{
display:inline-block;
vertical-align: top;
margin: 0 2rem;
}
.park-list2 .list2-ul li .ico img{
max-width:100%;
}
.park-list2 .list2-ul li .ico-name{
font-size:0.6rem;
color:#000;
font-family:Arial, Helvetica, sans-serif;
line-height:0.7rem;
margin-top:0.85rem;
}
.park-list2 .list2-ul li .ico-p{
font-size:0.4rem;
line-height:0.75rem;
color:#666;
margin-top:0.55rem;
}
.park-list2 .list3-ul{
position:relative;
margin-top:2.5rem;
padding-bottom:2rem;
border-bottom:1px solid #e5e5e5;
}
.park-list2 .list3-ul .left{
float:left;
width:45%;
}
.park-list2 .list3-ul:nth-child(2n) .left{
float:right;
}
.park-list2 .list3-ul .left .name{
font-size:0.75rem;
line-height:0.95rem;
color:#1a1a1a;
text-align:left;
font-weight:600,
}
.park-list2 .list3-ul .left .left-p{
margin-top:1rem;
}
.park-list2 .list3-ul .left .left-p p{
padding-left:0.75rem;
font-size:0.4rem;
color:#666;
line-height:0.75rem;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/seyuan.png");
background-size:8px;
background-repeat:no-repeat;
background-position:left 0.3rem;
}
.park-list2 .list3-ul .right{
float:right;
width:45%;
text-align:right;
}
.park-list2 .list3-ul .right:nth-child(2n){
float:left;
text-align:left;
margin-left:5%
}
.park-list2 .list3-ul .right img{
max-width:100%;
}
.park-list2 .list3-ul-down{
position:relative;
padding-bottom:0.625rem;
}
.park-list2 .list3-ul-down .hidenone{
display:none;
}
.park-list2 .list3-ul-down .btn-down{
position:absolute;
width:4.5rem;
height:1.25rem;
line-height:1.25rem;
display:block;
color:#fff;
font-size:0.4rem;
padding-left:1rem;
background-repeat:no-repeat;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/show-xia.png");
background-size:12px;
background-position:4rem center;
left:50%;
transform:translateX(-50%);
bottom:0;
z-index:10;
cursor:pointer;
background-color:#00AC35;
transition:all 0.3s;
}
.park-list2 .list3-ul-down .btn-down.cur{
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/show-xia1.png");
}
.park-list3{
padding:2rem 0 3.5rem;
background-color:#f5f5f5;
}
.park-list3 .title-name{
font-size:0.9rem;
line-height:1.1rem;
color:#000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.park-list3 .list3-ul{
margin-top:1.15rem;
position:relative;
z-index:10;
font-size:0;
text-align:center;
}
.park-list3 .list3-ul li{
margin: 0 0.5rem;
position:relative;
display:inline-block;
width:7rem;
}
.park-list3 .list3-ul li.one .form{
border-bottom:1px solid #dadada;
display:block;
text-align:left;
}
.park-list3 .list3-ul li.one .input{
font-size:0.35rem;
height:1.2rem;
line-height:1.2rem;
color:#666;
width:80%;
background-color:transparent;
}
.park-list3 .list3-ul li.one .submit{
position:absolute;
top:50%;
transform:translateY(-50%);
right:0;
width:0.4rem;
height:0.4rem;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/pas.png");
background-size:100% 100%;
background-position:center;
background-repeat:no-repeat;
cursor:pointer;
z-index:3;
background-color:transparent;
}
.park-list3 .list3-ul li.two .title-p{
font-size:0.35rem;
color:#000;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
height:1.2rem;
line-height:1.2rem;
border-bottom:1px solid #dadada;
background-position: right center;
background-repeat:no-repeat;
background-size:12px;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/paxia.png");
cursor:pointer;
}
.park-list3 .list3-ul li.two .down-hide{
position:absolute;
left:0;
background-color:#fff;
padding:0.3rem;
width:calc(100% - 0.6rem);
max-height:3rem;
display:none;
overflow: auto;
}
.park-list3 .list3-ul li.two .down-hide a{
display:block;
font-size:0.35rem;
color:#000;
border-bottom:1px solid #e5e5e5;
height:1rem;
line-height:1rem;
text-align:left;
transition:all 0.3s;
box-sizing:border-box;
text-indent: 1em
}
.park-list3 .list3-ul li.div3{
z-index:18
}
.park-list3 .list3-swiper{
position:relative;
margin-top:1.25rem;
overflow:hidden;
padding-right:1px;
}
.park-list3 .list3-swiper .slid-div{
padding:0.75rem 1.1rem;
border: 1px solid #e5e5e5;
box-sizing:border-box;
}
.park-list3 .list3-swiper .slid-div .img{
overflow:hidden
}
.park-list3 .list3-swiper .slid-div .img img{
width:100%;
transition:all 0.3s;
}
.park-list3 .list3-swiper .slid-div .imgname{
font-size:0.6rem;
color:#000;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
margin-top:0.75rem;
line-height:0.7rem;
transition:all 0.3s;
}
.park-list3 .list3-swiper .slid-div .item-p{
font-size:0;
margin-top:0.7rem;
text-align:center;
}
.park-list3 .list3-swiper .slid-div .item-p p span{
font-size:0.4rem;
line-height:0.7rem;
display:inline-block;
vertical-align:middle;
color:#666;
}
.park-list3 .list3-swiper .slid-div .item-p p img{
display:inline-block;
vertical-align:middle;
width:0.45rem;
margin-right:0.25rem;
}
.park-list3 .list3-swiper .list3-agetipi{
margin-top:1.85rem;
position:relative;
width: 100%;
height: 4px;
background-color: #e2e2e2;
}
.park-list3 .list3-swiper .list3-agetipi .swiper-scrollbar-drag{
background-color: #00AC35;
}
.kain-lias1{
padding:2.25rem 0 2.75rem;
background-color:#f5f5f5;
}
.kain-lias1 .title-name{
font-size:0.9rem;
line-height:1.1rem;
color:#000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.kain-lias1 .en-name{
font-size:0.6rem;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#1a1a1a;
margin-top:0.85rem;
line-height:0.7rem;
}
.kain-lias1 .cn-name{
font-size:0.4rem;
color:#666;
font-family:Arial, Helvetica, sans-serif;
line-height:0.6rem;
margin-top:0.5rem;
text-align:center;
}
.kain-lias1 .name-img{
margin-top:1rem;
text-align:center;
}
.kain-lias1 .name-img img{
max-width:100%;
}
.kain-lias1 .kai-ul1{
margin-top:1.5rem;
position:relative;
}
.kain-lias1 .kai-ul1 li{
float:left;
width:49.5%;
margin-right:1%;
margin-bottom:0.5rem;
overflow:hidden;
}
.kain-lias1 .kai-ul1 li img{
width:100%;
transform:scale3d(1.1,1.1,1)
}
.kain-lias1 .kai-ul1 li:nth-child(2n){
margin-right:0;
}
.kain-list2{
padding:2.25rem 0 2.5rem;
}
.kain-list2 .title-name{
font-size:0.9rem;
line-height:1.1rem;
color:#000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.kain-list2 .cn-name{
font-size:0.4rem;
color:#666;
text-align:center;
margin-top:0.75rem;
line-height:0.6rem;
}
.kain-list2 .item-img{
margin-top:0.5rem;
position:relative;
}
.kain-list2 .item-img .img{
text-align:center;
margin-bottom:0.5rem;
}
.kain-list2 .item-img .img img{
max-width:100%;
}
.kain-list3{
padding:2.25rem 0 3.45rem;
background-color:#f5f5f5;
}
.kain-list3 .title-name{
font-size:0.9rem;
line-height:1.1rem;
color:#000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.kain-list3 .list3-ul{
margin-top:2rem;
font-size:0;
text-align:left;
}
.kain-list3 .list3-ul li{
display:inline-block;
vertical-align:top;
text-align:left;
margin-right:8.3%;
}
.kain-list3 .list3-ul li:nth-last-child(1){
margin-right:0;
}
.kain-list3 .list3-ul li .ico{
width:1.5rem;
}
.kain-list3 .list3-ul li .ico img{
width:100%;
}
.kain-list3 .list3-ul li .ico-name{
font-size:0.75rem;
color:#1a1a1a;
line-height:0.8rem;
margin-top:0.9rem;
}
.kain-list3 .list3-ul li .item-p{
font-size:0.4rem;
color:#666;
line-height:0.75rem;
margin-top:1rem;
}
.kain-list4 .park-list3{
background-color:#fff;
}
.gale-list1{
padding:2.25rem 0 3rem;
}
.gale-list1 .title-name{
font-size:0.9rem;
line-height:1.1rem;
color:#000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.gale-list1 .gale-div-p{
font-size:0.4rem;
color:#666666;
line-height:0.6rem;
text-align:left;
width:55%;
margin:1.05rem auto 0;
}
.gale-list1 .w1800{
margin-left:6.25%;
width:93.75%;
position:relative;
}
.gale-list1 .gale-swiper{
margin-top:2rem;
position:relative;
overflow:hidden;
}
.gale-list1 .gale-swiper .swiper-slide img{
width:100%;
}
.gale-list1 .gale-page{
margin-top:1.5rem;
position:relative;
width: 93.3%;
height: 4px;
background-color: #e2e2e2;
}
.gale-list1 .gale-page .swiper-scrollbar-drag{
background-color: #00AC35;
}
.gale-list2{
padding:2.75rem 0 ;
background-color:#f5f5f5;
}
.gale-list2 .lsit2-ul{
font-size:0;
text-align:center;
}
.gale-list2 .lsit2-ul li{
display:inline-block;
vertical-align:top;
text-align:center;
width:20%;
}
.gale-list2 .lsit2-ul li .red{
font-size:0.75rem;
color:#00AC35;
line-height:0.8rem;
}
.gale-list2 .lsit2-ul li .red-name{
font-size:0.4rem;
color:#666;
line-height:0.75rem;
margin-top:1.2rem;
}
.gale-list3{
padding:2.5rem 0 ;
}
.gale-list3 .title-name{
font-size:0.9rem;
line-height:1.1rem;
color:#000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.gale-list3 .list3-ul{
position:relative;
margin-top:1.25rem;
border-top:1px solid #ccc;
}
.gale-list3 .list3-ul li{
position:relative;
border-bottom:1px solid #ccc;
}
.gale-list3 .list3-ul li .left{
float:left;
width:8.75rem;
}
.gale-list3 .list3-ul li .left img{
width:100%;
}
.gale-list3 .list3-ul li .right{
position:absolute;
top:0;
right:0;
width:calc(100% - 8.75rem);
height:100%;
}
.gale-list3 .list3-ul li .right .right-div{
position:absolute;
top:50%;
transform:translateY(-50%);
width:calc(100% - 3rem);
left:1.5rem;
text-align:left;
}
.gale-list3 .list3-ul li .right .right-div .name{
font-size:0.6rem;
line-height:0.7rem;
font-family:Arial, Helvetica, sans-serif;
color:#1a1a1a;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.gale-list3 .list3-ul li .right .right-div .name-p{
font-size:0.4rem;
line-height:0.6rem;
margin-top:0.75rem;
color:#666;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.gale-list3 .gale-load{
margin-top:1rem;
text-align:center;
display:none;
}
.gale-list3 .gale-load img{
max-width:100%;
}
.ver-list1{
padding:3rem 0 3.25rem;
}
.ver-list1 .title-name{
font-size:0.9rem;
line-height:1.1rem;
color:#000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.ver-list1 .ver-swiper{
position:relative;
margin-top:1.5rem;
overflow:hidden;
}
.ver-list1 .ver-swiper .swiper-slide{
position:relative;
}
.ver-list1 .ver-swiper .swiper-slide>img{
width:100%;
}
.ver-list1 .ver-swiper .swiper-slide .ver-div{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:80%;
text-align:center;
}
.ver-list1 .ver-swiper .swiper-slide .ver-div .ico-img img{
max-width:100%;
}
.ver-list1 .ver-swiper .swiper-slide .ver-div .ico-name{
font-size:0.75rem;
color:#000;
font-family:Arial, Helvetica, sans-serif;
margin-top:1.25rem;
line-height:0.8rem;
}
.ver-list1 .ver-swiper .swiper-slide .ver-div .ico-title{
font-size:0.4rem;
color:#666;
margin-top:0.6rem;
line-height:0.5rem;
}
.ver-list1 .ver-swiper .ver-pager{
margin-top:1.75rem;
position:relative;
width: 100%;
height: 4px;
background-color: #e2e2e2;
}
.ver-list1 .ver-swiper .ver-pager .swiper-scrollbar-drag{
background-color: #00AC35;
}
.neibanner{
position:relative;
}
.neibanner>div{
background-repeat:no-repeat;
background-size:100%;
background-position:center;
background-attachment: fixed
}
.neibanner img{
width:100%;
opacity: 0;
}
.neibanner .img2{
display:none
}
.tiyan-list1{
padding:2rem 0 ;
}
.tiyan-list1 .park-list3{
padding:0;
background-color:#fff;
position:relative;
z-index:10
}
.tiyan-list1 .park-list3 .list3-ul{
margin-top:0;
}
.tiyan-list1 .tiyan-ul1{
margin-top:1.5rem;
position:relative;
}
.tiyan-list1 .tiyan-ul1 li{
float:left;
width:32%;
margin-right:2%;
margin-bottom:0.75rem;
border: 1px solid #e5e5e5;
box-sizing:border-box;
}
.tiyan-list1 .tiyan-ul1 li:nth-child(3n){
margin-right:0;
}
.tiyan-list1 .tiyan-ul1 li .imgti{
padding:0.9rem 1.2rem;
}
.tiyan-list1 .tiyan-ul1 li .imgti .img{
width:100%;
overflow:hidden;
}
.tiyan-list1 .tiyan-ul1 li .imgti .img img{
width:100%;
transition:all 0.3s;
}
.tiyan-list1 .tiyan-ul1 li .imgti .img-item{
font-size:0.45rem;
color:#000;
font-family:Arial, Helvetica, sans-serif;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
padding-left:1.2rem;
position:relative;
height:0.9rem;
line-height:0.9rem;
margin-top:0.5rem;
transition:all 0.3s;
}
.tiyan-list1 .tiyan-ul1 li .imgti .img-item span{
display:inline-block;
position:absolute;
top:0;
left:0;
border-radius:50%;
width:0.9rem;
height:0.9rem;
background-size:100% 100%;
background-position:center;
background-repeat:no-repeat;
}
.tiyan-list1 .tiyan-ul1 li .imgti .imh-span{
margin-top:0.25rem;
padding-left:1.2rem;
padding-bottom:0.5rem;
border-bottom:1px solid #e5e5e5;
}
.tiyan-list1 .tiyan-ul1 li .imgti .imh-span span{
display:inline-block;
font-size:0.35rem;
color:#666;
padding-left:0.5rem;
background-repeat:no-repeat;
background-size:0.4rem;
background-position:left center;
margin-right:0.75rem;
}
.tiyan-list1 .tiyan-ul1 li .imgti .imh-span span.ico1{
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/ti1.png")
}
.tiyan-list1 .tiyan-ul1 li .imgti .imh-span span.ico2{
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/ti2.png")
}
.tiyan-list1 .tiyan-ul1 li .item-p{
padding-left:1.2rem;
margin-top:0.5rem;
font-size:0.35rem;
color:#666;
line-height:0.6rem;
height:1.2rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.tiyan-list1 .tiyan-ul1 li .more{
display:inline-block;
margin-left:1.2rem;
margin-top:0.7rem;
padding-right:0.6rem;
background-size:8px;
background-position:right center;
background-repeat:no-repeat;
color:#00AC35;
font-size:0.35rem;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/next2.png")
}
.page-tion-div{
margin-top:1.75rem;
position:relative;
font-size:0;
text-align:center;
}
.page-tion-div a{
display:inline-block;
text-align:center;
width:1rem;
height:1rem;
line-height:1rem;
background-color:#f5f5f5;
font-size:0.375rem;
color:#666666;
transition:all 0.3s;
margin: 0 4px;
}
.page-tion-div a.active{
background-color:#00AC35;
color:#fff;
}
.page-tion-div a.prev,.page-tion-div a.next{
background-position:center;
background-repeat:no-repeat;
background-size:8px;
}
.page-tion-div a.prev{
background-image:url("/assets/images/pin.png")
}
.page-tion-div a.next{
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/next.png")
}
.feed-list1{
padding:2.25rem 0 4.25rem;
background-color:#f5f5f5;
}
.feed-list1 .w1470{
width:76.5%;
margin:0 auto;
position:relative;
}
.feed-list1 .title-name{
font-size:0.9rem;
line-height:1.1rem;
color:#000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.feed-list1 .title-p{
font-size:0.4rem;
text-align:center;
color:#666;
margin-top:0.75rem;
line-height:0.6rem;
}
.feed-list1 .form-div{
margin-top:1.5rem;
position:relative;
}
.feed-list1 .form-div .feed-ul1{
font-size:0;
margin-bottom:0.25rem;
position:relative;
z-index:10
}
.feed-list1 .form-div .feed-ul1 li{
display:inline-block;
width:23.8%;
margin-right:1.6%;
position:relative;
}
.feed-list1 .form-div .feed-ul1 li:nth-child(4){
margin-right:0;
}
.feed-list1 .form-div .feed-ul1 li .item-div{
height:1.5rem;
line-height:1.5rem;
border:1px solid #ccc;
background-color:#fff;
padding:0 0.5rem;
position:relative;
cursor:pointer;
}
.feed-list1 .form-div .feed-ul1 li .show-name{
position:relative;
padding-left:0.75rem;
background-repeat:no-repeat;
background-position:left center;
background-size:0.6rem;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/fei.png");
font-size:0.4rem;
color:#000;
}
.feed-list1 .form-div .feed-ul1 li .item-div span{
position:absolute;
top:50%;
transform:translateY(-50%);
width:12px;
height:8px;
right:0.5rem;
background-position:center;
background-size:100% 100%;
background-repeat:no-repeat;
background-image:url("assets/images/pin.png")
}
.feed-list1 .form-div .feed-ul1 li .item-pshi{
position:absolute;
width:calc(100% - 2px - 0.5rem);
top:1.5rem;
border: 1px solid #ccc;
background-color:#fff;
max-height:4rem;
padding:0.2rem 0 0.2rem 0.5rem;
display:none;
overflow:hidden
}
.feed-list1 .form-div .feed-ul1 li .item-pshi .shi{
height:1rem;
line-height:1rem;
font-size:0.4rem;
color:#666;
border-bottom:1px solid #e5e5e5;
padding-left:1rem;
}
.feed-list1 .form-div .feed-ul2{
position:relative;
margin-top:0.25rem;
}
.feed-list1 .form-div .feed-ul2 li{
float:left;
position:relative;
width:49.2%;
margin-right:1.6%;
}
.feed-list1 .form-div .feed-ul2 li:nth-child(2){
margin-right:0;
}
.feed-list1 .form-div .feed-ul2 li .text{
height: 1.5rem;
line-height: 1.5rem;
border: 1px solid #ccc;
background-color: #fff;
padding: 0 0.5rem;
position: relative;
cursor: pointer;
}
.feed-list1 .form-div .feed-ul2 li .text input{
padding-left:0.75rem;
background-repeat: no-repeat;
background-position: left center;
background-size: 0.6rem;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/ren.png");
font-size:0.4rem;
color:#999;
background-color:transparent;
width:calc(100% - 0.75rem);
height:1.5rem;
line-height:1.5rem;
outline:none;
}
.feed-list1 .form-div .feed-ul2 li.li2 .text input{
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/pho.png");
}
.feed-list1 .form-div .feed-ul3{
border: 1px solid #ccc;
background-color: #fff;
padding: 0.5rem 1.25rem;
margin-top:0.25rem;
}
.feed-list1 .form-div .feed-ul3 textarea{
min-height: 6rem;
width:100%;
font-size:0.4rem;
color:#999;
line-height:0.75rem;
}
.feed-list1 .form-div .feed-bottom{
margin-top:1.25rem;
font-size:0;
}
.feed-list1 .form-div .feed-bottom.zhaos{
text-align:right;
}
.feed-list1 .form-div .feed-bottom.zhaos .p1{
float:left;font-size: 0.35rem;color: #999;opacity: 0.6;
}
.feed-list1 .form-div .feed-bottom input{
transition:all 0.3s;
color:#fff;
background-color:#9e9e9e;
width:3rem;
height:1rem;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/next1.png");
font-size:0.4rem;
background-repeat:no-repeat;
background-size:8px;
padding-left:0.5rem;
background-position:2.5rem center;
margin-right:0.5rem;
text-align:left;
}
.detail-list1{
padding:2.25rem 0 2.5rem;
}
.detail-list1 .title-name{
font-size:0.75rem;
line-height:0.8rem;
color:#000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.detail-list1 .w1280{
position:relative;
margin:0 auto;
width:66.7%;
}
.detail-list1 .ul1{
margin-top:0.5rem;
font-size:0;
padding-bottom:0.75rem;
border-bottom:1px solid #e5e5e5;
text-align:center;
}
.detail-list1 .ul1 li{
display:inline-block;
vertical-align:middle;
margin: 0 0.35rem;
padding-left:0.6rem;
background-repeat:no-repeat;
background-size:0.5rem;
background-repeat:no-repeat;
background-position:left center;
font-size:0.35rem;
color:#666;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/ti1.png")
}
.detail-list1 .ul1 li:nth-child(2){
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/ti2.png")
}
.detail-list1 .detail-swiper{
position:relative;
margin-top:0.75rem;
overflow:hidden;
}
.detail-list1 .detail-swiper .swiper-slide{
position:relative;
}
.detail-list1 .detail-swiper .swiper-slide .img-title{
font-size:0.35rem;
color:#666;
line-height:0.6rem;
text-align:center;
transition:all 0.3s;
opacity:0;
}
.detail-list1 .detail-swiper .swiper-slide .img{
margin-top:1.5rem;
overflow:hidden;
}
.detail-list1 .detail-swiper .swiper-slide .img img{
width:100%;
}
.detail-list1 .detail-swiper .swiper-slide .imgname{
font-size:0.45rem;
color:#666;
text-align:center;
margin-top:1rem;
font-family:Arial, Helvetica, sans-serif;
transition:all 0.3s;
opacity:0;
}
.detail-list1 .detail-swiper .swiper-slide-active .img-title{
opacity:1;
}
.detail-list1 .detail-swiper .swiper-slide-active .imgname{
opacity:1;
}
.detail-list2{
padding:1.5rem 0 2rem;
background-color:#f5f5f5;
}
.detail-list2 .title-name{
font-size:0.75rem;
line-height:0.8rem;
color:#000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.detail-list2 .detail-swiper2{
position:relative;
margin-top:1rem;
overflow:hidden;
padding-right:1px;
}
.detail-list2 .detail-swiper2 .detail-page{
margin-top:1.5rem;
position:relative;
width: 100%;
height: 4px;
background-color: #e2e2e2;
}
.detail-list2 .detail-swiper2 .detail-page .swiper-scrollbar-drag{
background-color: #00AC35;
}
.detail-list2 .detail-swiper2 .imgti{
padding: 0.9rem 1.2rem;
border: 1px solid #e5e5e5;
box-sizing: border-box;
}
.detail-list2 .detail-swiper2 .imgti .img{
width: 100%;
overflow: hidden;
}
.detail-list2 .detail-swiper2 .imgti .img img{
width:100%;
transition:all 0.3s;
}
.detail-list2 .detail-swiper2 .img-item{
font-size: 0.45rem;
color: #000;
font-family:Arial, Helvetica, sans-serif;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-left: 1.2rem;
position: relative;
height: 0.9rem;
line-height: 0.9rem;
margin-top: 0.5rem;
transition:all 0.3s;
}
.detail-list2 .detail-swiper2 .img-item span{
display: inline-block;
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
width: 0.9rem;
height: 0.9rem;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
.detail-list2 .detail-swiper2 .imh-span{
margin-top: 0.25rem;
padding-left: 1.2rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid #e5e5e5;
}
.detail-list2 .detail-swiper2 .imh-span span{
display: inline-block;
font-size: 0.35rem;
color: #666;
padding-left: 0.5rem;
background-repeat: no-repeat;
background-size: 0.4rem;
background-position: left center;
margin-right: 0.75rem;
}
.detail-list2 .detail-swiper2 .imh-span span.ico1{
background-image: url("http://www.n12345.com/bocstatic/web/css/../img/ti1.png");
}
.detail-list2 .detail-swiper2 .imh-span span.ico2{
background-image: url("http://www.n12345.com/bocstatic/web/css/../img/ti2.png");
}
.detail-list2 .detail-swiper2 .item-p{
padding-left: 1.2rem;
margin-top: 0.5rem;
font-size: 0.35rem;
color: #666;
line-height: 0.6rem;
height: 1.2rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.detail-list2 .detail-swiper2 .more{
display: inline-block;
margin-left: 1.2rem;
margin-top: 0.7rem;
padding-right: 0.6rem;
background-size: 8px;
background-position: right center;
background-repeat: no-repeat;
color: #00AC35;
font-size: 0.35rem;
background-image: url("http://www.n12345.com/bocstatic/web/css/../img/next2.png");
}
.case-list1{
padding:1.75rem 0 2rem;
}
.case-list1 .park-list3{
padding:0;
background-color:#fff;
position:relative;
z-index: 10
}
.case-list1 .park-list3 .list3-ul{
margin-top:0;
}
.case-list1 .case-ul1{
margin-top:1.5rem;
position:relative;
}
.case-list1 .case-ul1 li{
float:left;
width:23.8%;
margin-right:1.6%;
margin-bottom:0.6rem;
border:1px solid #e5e5e5;
box-sizing:border-box;
cursor:pointer
}
.case-list1 .case-ul1 li:nth-child(4n){
margin-right:0;
}
.case-list1 .case-ul1 li .img{
width:100%;
overflow:hidden;
}
.case-list1 .case-ul1 li .img img{
width:100%;
transition:all 0.3s;
}
.case-list1 .case-ul1 li .img-div{
padding:0.6rem;
}
.case-list1 .case-ul1 li .img-div .span{
font-size:0.45rem;
color:#000;
text-align:center;
line-height:0.6rem;
transition:all 0.3s;
}
.case-list1 .case-ul1 li .img-div .span .xian{
color:#e5e5e5;
margin:0 0.25rem;
}
.case-list1 .case-ul1 li .img-div .span-p{
font-size:0.35rem;
color:#666;
margin-top:0.5rem;
line-height:0.6rem;
text-align:justify;
height:1.8rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
padding:0 0.5rem;
}
.cas-detail{
padding:2.1rem 0 ;
min-height:10rem;
}
.cas-detail .title-name{
font-size:0.9rem;
line-height:1.1rem;
color:#000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.cas-detail .title-p{
margin-top:1rem;
text-align:center;
font-size:0.45rem;
color:#666;
line-height:0.9rem;
}
.caseh-list1{
padding:3.55rem 0 2.5rem;
}
.caseh-list1 ul li{
float:left;
width:16.7%;
margin-right:4.125%;
margin-bottom:1.25rem;
}
.caseh-list1 ul li:nth-child(5n){
margin-right:0;
}
.caseh-list1 ul li .img{
width:100%;
overflow:hidden;
}
.caseh-list1 ul li .img img{
width:100%;
transition:all 0.3s;
}
.caseh-list1 ul li .img-name{
font-size:0.4rem;
color:#222222;
line-height:0.6rem;
margin-top:0.75rem;
text-align:center;
padding-top:0.5rem;
border-top:1px solid #e5e5e5;
position:relative;
height:1.2rem;
transition:all 0.3s;
}
.caseh-list1 ul li .img-name:after{
position:absolute;
width:0.8rem;
height:4px;
content:"";
left:50%;
transform:translateX(-50%);
top:-4px;
background-color:#e5e5e5;
}
.caseh-list1 ul li .img-name:before{
position:absolute;
width:50%;
top:-0.5px;
left:100%;
height:1px;
background-color:#e5e5e5;
content:"";
}
.caseh-list1 ul li:nth-child(5n) .img-name:before{
display:none;
}
.partner-list1{
padding:3rem 0 ;
}
.partner-list1 .w1550{
position:relative;
width:80%;
margin: 0 auto;
}
.partner-list1 .pareyopoi{
margin-top: 1.75rem;
position: relative;
width: 100%;
height: 4px;
background-color: #e2e2e2;
display:none;
}
.partner-list1 .pareyopoi .swiper-scrollbar-drag{
background-color: #00AC35;
}
.partner-list1 .partner-siwper{
position:relative;
width:100%;
overflow:hidden;
padding-right:1px;
}
.partner-list1 .partner-siwper .swiper-slide{
position:relative;
width:100%;
overflow:hidden;
border:1px solid #e5e5e5;
box-sizing:border-box;
background-color:#fff;
}
.partner-list1 .partner-siwper .swiper-slide img{
width:100%;
opacity: 1;
transition:all 0.3s;
}
.partner-list1 .partner-siwper .swiper-slide img.img2{
position:absolute;
opacity: 0;
top:0;
left:0;
}
.devel-list1{
padding:3.75rem 0 2.25rem;
}
.devel-list1 .title-name{
font-size:0.9rem;
line-height:1.1rem;
color:#000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.devel-list1 .swiper-div{
margin-top:1.75rem;
position:relative;
padding:0 2.25rem;
}
.devel-list1 .swiper-div .deve-swiper{
position:relative;
overflow:hidden;
width:calc(100% - 0.75rem);
padding-left:0.75rem;
}
.devel-list1 .swiper-div .deve-swiper .swiper-slide{
width:38%;
}
.devel-list1 .swiper-div .deve-swiper .swiper-slide .item-div{
position:relative;
height:14rem;
}
.devel-list1 .swiper-div .deve-swiper .div-litem{
position:relative;
height:6rem;
}
.devel-list1 .swiper-div .deve-swiper .div-litem .yeaer{
position:absolute;
bottom:-0.65rem;
font-size:0.4rem;
color:#000;
line-height:0.4rem;
transform:translateX(-50%);
}
.devel-list1 .swiper-div .deve-swiper .div-litem.cur .yeaer{
bottom:-1.75rem;
}
.devel-list1 .swiper-div .deve-swiper .div-litem.cur .yeaer:after{
position:absolute;
width:4px;
height:4px;
border-radius:50%;
background-color:#dd6c47;
content:"";
top: -0.15rem;
left: 50%;
}
.devel-list1 .swiper-div .deve-swiper .dic2 .yeaer{
position:absolute;
top:-1.75rem;
font-size:0.4rem;
color:#000;
line-height:0.4rem;
transform:translateX(-50%);
}
.devel-list1 .swiper-div .deve-swiper .left{
float:left;
padding-left:0.5rem;
border-left:1px solid #e5e5e5;
min-height:6rem;
}
.devel-list1 .swiper-div .deve-swiper .left img{
width:100%;
}
.devel-list1 .swiper-div .deve-swiper .right{
padding:0 4%;
float:left;
width:41.3%;
}
.devel-list1 .swiper-div .deve-swiper .right .name{
font-size:0.75rem;
color:#000;
font-family:Arial, Helvetica, sans-serif;
line-height:0.8rem;
transition:all 0.3s;
}
.devel-list1 .swiper-div .deve-swiper .right .name-p{
font-size:0.4rem;
margin-top:0.5rem;
color:#666;
line-height:0.6rem;
}
.devel-list1 .swiper-div .deve-swiper .swiper-slide .item-div .dic2{
position:absolute;
bottom: 0;
left:50%;
width:100%;
}
.devel-list1 .swiper-div .deve-swiper .swiper-slide .item-div .dic2 .left{
line-height:6rem;
}
.devel-list1 .swiper-div .deve-swiper .swiper-slide .item-div .dic2 .right{
position: relative;
top: 50%;
transform: translateY(-50%);
}
.devel-list1 .swiper-div .deve-swiper .deve-page{
position:absolute;
top:50%;
transform:translateY(-50%);
width:100%;
height:11px;
background-color:transparent;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/xiandian.png")
}
.devel-list1 .swiper-div .deve-swiper .deve-page .swiper-scrollbar-drag{
background: transparent;
}
.devel-list1 .swiper-div .deve-button-prev,.devel-list1 .swiper-div .deve-button-next{
position:absolute;
top:50%;
transform:translateY(-50%);
width:1.5rem;
height:1.5rem;
background-color:#f5f5f5;
background-repeat:no-repeat;
background-position:center;
background-size:8px;
transition:all 0.3s;
cursor:pointer;
}
.devel-list1 .swiper-div .deve-button-prev{
left:0;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/prev.png")
}
.devel-list1 .swiper-div .deve-button-next{
right:0;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/next.png")
}
.devel-list2{
padding:2.5rem 0 3.75rem;
background-color:#f5f5f5;
}
.devel-list2 .title-name{
font-size:0.9rem;
line-height:1.1rem;
color:#000;
text-align:center;
}
.devel-list2 .deve-mian{
margin-top:1.5rem;
position:relative;
}
.devel-list2 .deve-mian .deve-swiper2{
position:relative;
width:90%;
margin:0 auto;
overflow:hidden;
}
.devel-list2 .deve-mian .deve-swiper2 .img-div{
background-color:#fff;
padding:0.9rem;
transition:all 0.3s;
}
.devel-list2 .deve-mian .deve-swiper2 .img-div .img img{
width:100%;
}
.devel-list2 .deve-mian .deve-swiper2 .diiv{
margin-top:0.6rem;
height:4.75rem;
}
.devel-list2 .deve-mian .deve-swiper2 .diiv .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color:#00AC35;
}
.devel-list2 .deve-mian .deve-swiper2 .diiv .mCSB_scrollTools .mCSB_draggerRail{
background-color:#666;
}
.devel-list2 .deve-mian .deve-swiper2 .name{
font-size:0.6rem;
color:#000;
line-height:0.8rem;
}
.devel-list2 .deve-mian .deve-swiper2 .name-p{
font-size:0.35rem;
color:#666;
line-height:0.6rem;
margin-top:0.3rem;
}
.devel-list2 .deve-mian .deve-swiper2 .yeader{
margin-top:1.75rem;
font-size:0.5rem;
color:#000;
line-height:0.6rem;
position: relative;
}
.devel-list2 .deve-mian .deve-swiper2 .swiper-slide-active .yeader:after{
position:absolute;
width:4px;
height:4px;
border-radius:50%;
left:0;
background-color:#dd6c47;
content:"";
top:-.25rem;
display:none
}
.devel-list2 .deve-mian .deve-swiper2 .swiper-slide .yeader:before{
position:absolute;
width:1px;
height:0;
left:-0.5px;
background-color:#000;
content:"";
top:-1rem;
}
.devel-list2 .deve-mian .deve-swiper2 .swiper-slide-active .yeader:before{
height:14px;
transition:all 0.3s 0.3s;
}
.devel-list2 .page-dele2{
position: absolute;
bottom:1rem;
width: 100%;
height: 11px;
background-color: transparent;
background-image: url("http://www.n12345.com/bocstatic/web/css/../img/xiandian.png");
display:block !important;
opacity: 1 !important;
}
.devel-list2 .page-dele2 .swiper-scrollbar-drag{
display:none;
}
.devel-list2 .deve-prevbtn,.devel-list2 .deve-nextbtn{
position:absolute;
width:1.5rem;
height:1.5rem;
background-repeat:no-repeat;
background-position:center;
background-size:8px;
background-color:#fff;
bottom: 0.5rem;
z-index: 10;
transition:all 0.3s;
}
.devel-list2 .deve-prevbtn{
left:0;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/prev.png")
}
.devel-list2 .deve-nextbtn{
right:0;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/next.png")
}
.video-list1{
padding:2.25rem 0 1.5rem;
background-color:#f5f5f5;
}
.video-list1 .title-name{
font-size:0.9rem;
line-height:1.1rem;
color:#000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.video-list1 .ul-video{
margin-top:2.25rem;
position:relative;
}
.video-list1 .ul-video li{
float:left;
position:relative;
width:48.6%;
margin-right:2.8%;
margin-bottom:1rem;
overflow:hidden;
}
.video-list1 .ul-video li:nth-child(2n){
margin-right:0;
}
.video-list1 .ul-video li .imgop{
position:relative;
overflow:hidden;
}
.video-list1 .ul-video li .imgop img{
width:100%;
transform:scale3d(1.1,1.1,1)
}
.video-list1 .ul-video li .mask{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.5);
}
.video-list1 .ul-video li .bo-div{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:70%;
text-align:center;
}
.video-list1 .ul-video li .bo-div .bo-video{
max-width:100%;
cursor:pointer;
}
.video-list1 .ul-video li .bo-div .name{
font-size:0.6rem;
color:#fff;
line-height:0.8rem;
margin-top:1rem;
}
.video-list1 .ul-video li .bo-div .name-p{
font-size:0.4rem;
color:#fff;
line-height:0.6rem;
margin-top:0.5rem;
display:none;
}
.video-model{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:500;
display:none;
}
.video-model .black{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, 0.3)
}
.video-model .video-mian{
// background-color:#fff;
width:1000px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.video-model .video-mian .close-btn{
position:absolute;
top:0;
right:0;
width:30px;
height:30px;
line-height:30px;
text-align:center;
color:#fff;
font-size:16px;
background-color:rgba(0, 0, 0, 0.9);
z-index:10;
cursor:pointer;
}
.video-model .video-mian video{
width:100%;
}
.news-list1{
padding:2rem 0 3rem;
background-color:#f5f5f5;
}
.news-list1 .park-list3{
padding:0;
background-color:transparent;
}
.news-list1 .park-list3 .list3-ul{
margin-top:0;
}
.news-list1 .news-swiper{
margin-top:1.5rem;
position:relative;
width:100%;
overflow:hidden;
border: 1px solid #e5e5e5;
}
.news-list1 .news-pagetion{
position:relative;
margin-top:1rem;
text-align:center;
}
.news-list1 .news-pagetion span{
display:inline-block;
width:8px;
height:8px;
border-radius:50%;
background-color:#c4c4c4;
margin:0 0.3rem;
transition:all 0.3s;
}
.news-list1 .news-pagetion span.swiper-pagination-bullet-active{
background-color:#e50113
}
.news-list1 .news-swiper .new-li{
padding:1rem;
background-color:#fff;
border-right:1px solid #e5e5e5;
}
.news-list1 .news-swiper .new-li .left{
float:left;
width:48%;
overflow:hidden;
height:5rem;
}
.news-list1 .news-swiper .new-li .left img{
width:100%;
transition:all 0.3s;
}
.news-list1 .news-swiper .new-li .right{
float:right;
width:48%;
}
.news-list1 .news-swiper .new-li .right .tiem{
font-size:0.35rem;
color:#666;
line-height:0.4rem;
}
.news-list1 .news-swiper .new-li .right .name{
font-size:0.5rem;
color:#000;
margin-top:0.75rem;
line-height:0.75rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height:1.5rem;
}
.news-list1 .news-swiper .new-li .right .name-p{
font-size:0.4rem;
color:#666;
line-height:0.6rem;
margin-top:0.75rem;
}
.news-list1 .news-swiper .new-li .right .more{
font-size:0.35rem;
padding-right:0.6rem;
background-repeat:no-repeat;
background-position:right center;
background-size:8px;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/next2.png");
display:inline-block;
margin-top:0.75rem;
color:#00AC35;
transition:all 0.3s;
}
.news-list1 .nwsws{
margin-top:1.25rem;
position:relative;
}
.news-list1 .nwsws li{
width:24.4%;
border: 1px solid #e5e5e5;
background-color:#fff;
margin-bottom:10px;
box-sizing:border-box;
}
.news-list1 .nwsws li .liimg{
padding:1rem;
}
.news-list1 .nwsws li .liimg .img{
width:100%;
overflow:hidden;
height:4rem;
}
.news-list1 .nwsws li .liimg .img img{
width:100%;
max-height:100%;
transition:all 0.3s;
}
.news-list1 .nwsws li .liimg .item{
font-size:0.35rem;
color:#666;
line-height:0.4rem;
margin-top:0.75rem;
}
.news-list1 .nwsws li .liimg .name{
font-size:0.5rem;
color:#000;
margin-top:0.5rem;
line-height:0.75rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height:1.5rem;
transition:all 0.3s;
}
.news-list1 .nwsws li .liimg .name-p{
font-size:0.4rem;
color:#666;
line-height:0.6rem;
margin-top:0.5rem;
height:1.2rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.news-list1 .nwsws li .liimg .more{
font-size:0.35rem;
padding-right:0.6rem;
background-repeat:no-repeat;
background-position:right center;
background-size:8px;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/next2.png");
display:inline-block;
margin-top:0.75rem;
color:#00AC35;
transition:all 0.3s;
}
.news-list1 .page-tion-div a{
background-color:#fff;
}
.news-list1 .page-tion-div a.active{
background-color:#00AC35;
color:#fff;
}
.news-detail{
padding:1.75rem 0 2rem;
background-color:#f5f5f5;
}
.news-detail .left{
float:left;
width:72.6%;
}
.news-detail .left .left-mian{
padding:2rem 2.25rem;
background-color:#fff;
}
.news-detail .left .name{
font-size:0.75rem;
color:#000;
line-height:1.1rem;
font-family:Arial, Helvetica, sans-serif;
}
.news-detail .left .tiem{
font-size:0.35rem;
color:#666;
line-height:0.4rem;
margin-top: 0.75rem;
padding-bottom:1rem;
border-bottom:1px solid #e5e5e5;
}
.news-detail .left .detail-p{
padding-top:1.25rem;
font-size:0.4rem;
color:#666666;
line-height:0.75rem;
}
.news-detail .left .detail-p img{
max-width:100%;
}
.news-detail .left .left-bottom{
margin-top:0.75rem;
}
.news-detail .left .left-bottom .leftz{
float:left;
font-size:0;
}
.news-detail .left .left-bottom .leftz span{
margin-right:0.25rem;
font-size:0.425rem;
color:#000;
font-family:Arial, Helvetica, sans-serif;
display:inline-block;
float:left;
vertical-align:middle;
}
.news-detail .left .left-bottom .leftz .bdshare-button-style0-16{
display:inline-block;
}
.news-detail .left .left-bottom .leftz .bdshare-button-style0-16 a{
display:inline-block;
width:1rem;
height:1rem;
margin: 0;
padding-left:0;
background-color:#dfdfdf;
transition:all 0.3s;
background-repeat:no-repeat;
background-position:center;
background-size:100% 100%;
margin-right:0.25rem;
}
.news-detail .left .left-bottom .leftz .bdshare-button-style0-16 a.popup_weixin{
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/di1.png")
}
.news-detail .left .left-bottom .leftz .bdshare-button-style0-16 a.popup_tsina{
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/di3.png")
}
.news-detail .left .left-bottom .leftz .bdshare-button-style0-16 a.popup_sqq{
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/di5.png")
}
.news-detail .left .left-bottom .back{
float:right;
font-size:0.425rem;
color:#000;
padding-left:0.75rem;
display:inline-block;
background-repeat:no-repeat;
background-size:0.6rem;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/back.png");
background-position:left center
}
.news-detail .right{
float:right;
width: 21%;
position: fixed;
right: 6.25%;
top:4.5rem;
}
.news-detail .right.fixed-on{
position:absolute;
top:auto;
bottom:0;
right:0;
width:24%;
}
.news-detail .right .right-mian{
padding:1rem 0.75rem;
background-color:#fff;
}
.news-detail .right .right-mian .titlename{
font-size:0.55rem;
color:#000;
line-height:0.6rem;
padding-bottom:0.5rem;
border-bottom:1px solid #e5e5e5;
font-family:Arial, Helvetica, sans-serif;
}
.news-detail .right .right-mian ul{
margin-top:0.5rem;
}
.news-detail .right .right-mian ul li{
padding-left:0.75rem;
font-size:0.45rem;
line-height:0.75rem;
margin-bottom:0.7rem;
background-repeat:no-repeat;
background-size:8px;
background-position: left 0.3rem;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/hui.png") ;
}
.news-detail .right .right-mian ul li a{
color:#666;
transition:all 0.3s;
}
.news-detail .right .right-mian ul li span{
margin-right:0.25rem;
font-size:0.3rem;
padding:0px 10px;
border-radius:4px;
background-color:#00AC35;
color:#fff;
display:inline-block;
margin-left:0.25rem;
}
.bra-list1{
padding:3rem 0 ;
background-color:#f5f5f5;
}
.bra-list1 .left{
float:left;
width:42.5%;
overflow:hidden;
}
.bra-list1 .left .bra1-swiper{
position:relative;
width:100%;
overflow:hidden;
}
.bra-list1 .left .bra1-swiper .swiper-slide{
position:relative;
}
.bra-list1 .left .bra1-swiper .swiper-slide>img{
width:100%;
transition:all 5s;
}
.bra-list1 .left .bra1-swiper .swiper-slide-active>img{
transform:scale3d(1.1,1.1,1)
}
.bra-list1 .left .bra1-swiper .swiper-slide .mask{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.5);
}
.bra-list1 .left .bra1-swiper .swiper-slide .item-div{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:70%;
z-index:10;
text-align:center;
}
.bra-list1 .left .bra1-swiper .swiper-slide .item-div .bo-video{
max-width:100%;
cursor:pointer;
}
.bra-list1 .left .bra1-swiper .swiper-slide .item-div .vname{
font-size:0.6rem;
line-height:0.8rem;
margin-top:0.7rem;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
}
.bra-list1 .right{
float:right;
width:46.6%;
text-align:left;
margin-right:3%;
}
.bra-list1 .right .item-li{
padding-bottom:0.75rem;
border-bottom:1px solid #e5e5e5;
margin-bottom:0.75rem;
height:auto !important;
}
.bra-list1 .right .time{
font-size:0.35rem;
color:#999999;
line-height:0.4rem;
}
.bra-list1 .right .itemanme{
font-size:0.65rem;
color:#222;
line-height:0.7rem;
margin-top:0.5rem;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
transition:all 0.3s;
}
.bra-list1 .right .opiteniosejs{
position:relative;
overflow:hidden;
height:10.5rem;
}
.bra-list1 .right .item-p{
font-size:0.4rem;
color:#666;
line-height:0.75rem;
margin-top:0.75rem;
height:1.5rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.bra-list1 .right .bra1-pagetion{
position:relative;
text-align:left;
}
.bra-list1 .right .bra1-pagetion span{
width:8px;
height:8px;
background-color:#d0d0d0;
border-radius:50%;
margin-right:0.3rem;
display:inline-block;
transition:all 0.3s;
}
.bra-list1 .right .bra1-pagetion span.swiper-pagination-bullet-active{
background-color:#00AC35;
}
.bra-list2{
padding:2rem 0;
}
.bra-list2-news-z{
position:relative;
overflow:hidden;
}
.bra-list2-news-z .new-left{
float: left;
width: 42.5%;
overflow: hidden;
}
.bra-list2-news-z .new-left .news-img-list2{
position:relative;
width:100%;
overflow:hidden
}
.bra-list2-news-z .new-left .news-img-list2 .swiper-slide img{
width: 100%;
transform: scale3d(1.1,1.1,1);
}
.bra-list2-news-z .news-right{
position:absolute;
width: 46.6%;
text-align: left;
right: 3%;
height:100%;
overflow:hidden;
}
.bra-list2-news-z .news-right .text-new-swiper{
position:absolute;
top:0;
left:0;
width:100%;
height:calc(100% - 2rem);
overflow:hidden;
}
.bra-list2-news-z .news-right .text-new-swiper .title-name{
font-size: .9rem;
line-height: 0.9rem;
color: #000;
font-family:Arial, Helvetica, sans-serif;
}
.bra-list2-news-z .news-right .text-new-swiper .name{
font-size: 0.6rem;
line-height: 0.7rem;
color: #000;
font-family:Arial, Helvetica, sans-serif;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 1rem;
}
.bra-list2-news-z .news-right .text-new-swiper .name-p{
font-size: 0.4rem;
line-height: 0.75rem;
color: #666;
margin-top: 0.75rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
}
.bra-list2-news-z .news-right .bra2-prev-news,.bra-list2-news-z .news-right .bra2-next-news{
position: absolute;
width: 1.25rem;
height: 1.25rem;
border-radius: 50%;
background-repeat: no-repeat;
background-position: center;
background-size: 8px;
bottom: 0;
z-index: 10;
transition: all 0.3s;
background-color: #e2e2e2;
cursor: pointer;
display:block;
}
.bra-list2-news-z .news-right .bra2-prev-news{
left: 0;
background-image: url("http://www.n12345.com/bocstatic/web/css/../img/prev.png");
}
.bra-list2-news-z .news-right .bra2-next-news{
left: 1.75rem;
background-image: url("http://www.n12345.com/bocstatic/web/css/../img/next.png");
}
.bra-list2 .bra2-swiper{
position:relative;
overflow:hidden;
display:none
}
.bra-list2 .bra2-swiper .swiper-slide{
position:relative;
}
.bra-list2 .bra2-swiper .swiper-slide .left{
float: left;
width: 42.5%;
overflow: hidden;
}
.bra-list2 .bra2-swiper .swiper-slide .left img{
width:100%;
transform:scale3d(1.1,1.1,1)
}
.bra-list2 .bra2-swiper .swiper-slide .right{
float: right;
width: 46.6%;
text-align: left;
margin-right:3%;
}
.bra-list2 .bra2-swiper .swiper-slide .title-name{
font-size:.9rem;
line-height:0.9rem;
color:#000;
font-family:Arial, Helvetica, sans-serif;
}
.bra-list2 .bra2-swiper .swiper-slide .name{
font-size:0.6rem;
line-height:0.7rem;
color:#000;
font-family:Arial, Helvetica, sans-serif;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
margin-top:1rem;
}
.bra-list2 .bra2-swiper .swiper-slide .name-p{
font-size:0.4rem;
line-height:0.75rem;
color:#666;
margin-top:0.75rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
overflow: hidden;
}
.bra-list2 .bra2-swiper .bra2-prev,.bra-list2 .bra2-swiper .bra2-next{
position:absolute;
width:1.25rem;
height:1.25rem;
border-radius:50%;
background-repeat:no-repeat;
background-position:center;
background-size:8px;
bottom:0;
z-index:10;
transition:all 0.3s;
background-color:#e2e2e2;
cursor:pointer;
}
.bra-list2 .bra2-swiper .bra2-prev{
right:calc(49.6% - 1.25rem);
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/prev.png");
}
.bra-list2 .bra2-swiper .bra2-next{
right:calc(49.6% - 3rem);
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/next.png");
}
.bra-list3{
padding:2.25rem 0 2.5rem;
background-color:#f5f5f5;
}
.bra-list3 .title-name{
font-size:0.9rem;
line-height:1.1rem;
color:#000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.bra-list3 .bra-swiper3{
margin-top:1.25rem;
position:relative;
width:100%;
overflow:hidden;
}
.bra-list3 .bra-swiper3 .swiper-slide .img{
width:100%;
overflow:hidden;
}
.bra-list3 .bra-swiper3 .swiper-slide .img img{
width:100%;
transition:all 0.3s;
}
.bra-list3 .bra-swiper3 .swiper-slide .name{
font-size:0.6rem;
text-align:center;
line-height:0.7rem;
margin-top:0.6rem;
font-family:Arial, Helvetica, sans-serif;
}
.bra-list3 .bra-swiper3 .swiper-slide .name-p{
font-size:0.4rem;
color:#666;
line-height:0.6rem;
text-align:center;
margin-top:0.25rem;
}
.bra-list3 .bar3-pafetion{
margin-top:0.75rem;
position:relative;
width: 100%;
height: 4px;
background-color: #e2e2e2;
}
.bra-list3 .bar3-pafetion .swiper-scrollbar-drag{
background-color: #00AC35;
}
.bra-list4{
padding:1.75rem 0 2rem;
}
.bra-list4 .title-name{
font-size:0.9rem;
text-align:center;
line-height:1.1rem;
margin-top:0.6rem;
font-family:Arial, Helvetica, sans-serif;
}
.bra-list4 .bar-list4-swiper{
margin-top:1.25rem;
position:relative;
overflow:hidden
}
.bra-list4 .bar-list4-swiper .barnvideo{
position:relative;
margin-top: 0.5rem;
text-align:center;
display:none;
}
.bra-list4 .bar-list4-swiper .barnvideo span{
color: #5f330d;
position: relative;
transition: all 0.3s;
display: inline-block;
width: 0.2rem;
height: 0.2rem;
line-height: 0.2rem;
margin:0 6px;
border-radius:50%;
background-color:#f7f7f7;
}
.bra-list4 .bar-list4-swiper .barnvideo .swiper-pagination-bullet-active {
background-color: #00AC35;
}
.bra-list4 .ul-video1 li{
position: relative;
overflow:hidden
}
.bra-list4 .ul-video1 li .imgop{
overflow:hidden;
}
.bra-list4 .ul-video1 li:nth-child(2n){
margin-right: 0;
}
.bra-list4 .ul-video1 li .imgop img{
width:100%;
transform:scale3d(1.05,1.05,1)
}
.bra-list4 .ul-video1 li .mask{
position: absolute;
top: 0;
left: 0;
width: 110%;
height: 110%;
background-color: rgba(0,0,0,0.5);
}
.bra-list4 .ul-video1 li .bo-div{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 70%;
text-align: center;
}
.bra-list4 .ul-video1 li .bo-div .bo-video{
max-width: 100%;
cursor: pointer;
}
.bra-list4 .ul-video1 li .bo-div .name{
font-size: 0.6rem;
color: #fff;
line-height: 0.8rem;
margin-top: 1rem;
}
.bra-list4 .ul-video1 li .bo-div .name-p{
font-size: 0.4rem;
color: #fff;
line-height: 0.6rem;
margin-top: 0.5rem;
display:none;
}
.bra-list5{
padding:2.25rem 0 3rem;
background-color:#f5f5f5;
}
.bra-list5 .title-name{
font-size:0.9rem;
text-align:center;
line-height:1.1rem;
margin-top:0.6rem;
font-family:Arial, Helvetica, sans-serif;
}
.bra-list5 .bra5-swiper{
margin-top:1.25rem;
position:relative;
width:100%;
overflow:hidden;
}
.bra-list5 .bra5-swiper .swiper-slide{
position:relative;
}
.bra-list5 .bra5-swiper .swiper-slide img{
max-width:100%;
}
.bra-list5 .bra5-swiper .swiper-slide .imgname{
font-size:0.45rem;
color:#fff;
position:absolute;;
bottom:1rem;
text-align:center;
width:80%;
left:10%;
transition:all 0.3s 0.3s;
opacity:0;
transform:translateY(10px);
}
.bra-list5 .bra5-swiper .swiper-slide-active .imgname{
opacity:1;
transform:translateY(0px);
}
.story-list1{
padding:4rem 0 3.75rem;
background-color:#f5f5f5;
position:relative;
}
.story-list1 .list1-img{
position:absolute;
width:37%;
right:0;
bottom:-5.35rem;
opacity: 0;
}
.story-list1 .list1-img.cur{
opacity: 1;
bottom:-4.35rem;
transition:all 0.3s 1s;
}
.story-list1 .left{
float:left;
width:64.3%;
}
.story-list1 .left .title1{
font-size:0.8rem;
color:#000;
font-family:Arial, Helvetica, sans-serif;
line-height:0.7rem;
}
.story-list1 .left .title2{
font-size:0.9rem;
line-height:1.1rem;
margin-top:0.2rem;
font-family:Arial, Helvetica, sans-serif;
color:#000;
}
.story-list1 .left .title-p{
font-size:0.4rem;
color:#666666;
line-height:0.75rem;
margin-top:1rem;
padding-right:2.5rem;
padding-bottom:1rem;
border-bottom:1px solid #ccc;
}
.story-list1 .right{
float:right;
width:31%;
}
.story-list1 .right .num-shu{
font-size:0;
text-align:center;
padding-top:3rem;
}
.story-list1 .right .num-shu li{
display:inline-block;
vertical-align:top;
margin: 0 0.75rem;
position:relative;
}
.story-list1 .right .num-shu li:after{
position:absolute;
top:50%;
transform:translateY(-50%);
right:-0.75rem;
width:1px;
height:80%;
background-color:#ccc;
content:"";
}
.story-list1 .right .num-shu li:nth-last-child(1):after{
display:none;
}
.story-list1 .right .num-shu li .num{
font-size:0.6rem;
color:#00AC35;
line-height:0.7rem;
font-family:Arial, Helvetica, sans-serif;
}
.story-list1 .right .num-shu li .numname{
font-size:0.35rem;
color:#666;
line-height:0.4rem;
margin-top:0.25rem;
}
.story-list1 .left .title-name{
font-size:0.9rem;
line-height:1.1rem;
margin-top:0.2rem;
font-family:Arial, Helvetica, sans-serif;
color:#000;
margin-top:2.75rem
}
.story-list1 .left .div1{
margin-top:0.75rem;
}
.story-list1 .left .div1 .left-p{
font-size:0.4rem;
float:left;
width:45%;
line-height:0.75rem;
color:#666;
text-align:justify;
}
.story-list1 .left .div1 .right-p{
font-size:0.4rem;
float:left;
width:45%;
line-height:0.75rem;
color:#666;
margin-left:5%;
text-align:justify;
}
.story-list2{
padding:2.75rem 0 ;
}
.story-list2 .left{
float:left;
width:64.3%;
}
.story-list2 .left .name{
font-size:0.9rem;
line-height:1rem;
color:#000;
font-family:Arial, Helvetica, sans-serif;
}
.story-list2 .left .name-p{
margin-top:0.75rem;
font-size:0.4rem;
line-height:0.75rem;
color:#666;
text-align:justify;
}
.story-list3{
position:relative;
}
.story-list3 .div1{
position:relative;
}
.story-list3 .div1 .left{
float:left;
width:50%;
overflow:hidden;
}
.story-list3 .div1 .left img{
width:100%;
transform:scale3d(1.05,1.05,1)
}
.story-list3 .div1 .right{
width:38.5%;
position:absolute;
right:6.25%;
top:50%;
transform:translateY(-50%);
max-height:90%;
overflow:auto;
}
.story-list3 .div1 .right .name{
font-size:0.9rem;
line-height:1rem;
color:#000;
font-family:Arial, Helvetica, sans-serif;
}
.story-list3 .div1 .right .name-p{
font-size:0.4rem;
color:#666;
margin-top:0.75rem;
line-height:0.75rem;
}
.story-list3 .div1 .right .more{
font-size:0.35rem;
color:#fff;
display:inline-block;
margin-top:1.25rem;
width:2.5rem;
height:1.1rem;
line-height:1.1rem;
padding-left:0.5rem;
background-color:#00AC35;
background-repeat:no-repeat;
background-size:8px;
background-position:2.3rem center;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/next1.png");
transition:all 0.3s;
}
.story-list3 .div2{
padding:3.25rem 0;
}
.story-list3 .div2 .left{
float:left;
width:64.3%;
}
.story-list3 .div2 .left .name{
font-size:0.9rem;
line-height:1rem;
color:#000;
font-family:Arial, Helvetica, sans-serif;
}
.story-list3 .div2 .left .name-p{
font-size:0.4rem;
margin-top:0.75rem;
line-height:0.75rem;
color:#666;
}
.story-list3 .div2 .right{
float: right;
width: 31%;
}
.story-list3 .div2 .right .num-shu{
font-size: 0;
text-align: center;
padding-top: 3rem;
}
.story-list3 .div2 .right .num-shu li{
display: inline-block;
vertical-align: top;
margin: 0 0.75rem;
position: relative;
}
.story-list3 .div2 .right .num-shu li:nth-child(1){
margin-left:0;
}
.story-list3 .div2 .right .num-shu li:nth-last-child(1){
margin-right:0;
}
.story-list3 .div2 .right .num-shu li:after{
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -0.75rem;
width: 1px;
height: 80%;
background-color: #ccc;
content: "";
}
.story-list3 .div2 .right .num-shu li:nth-last-child(1):after{
display:none;
}
.story-list3 .div2 .right .num-shu li .num{
font-size: 0.6rem;
color: #00AC35;
line-height: 0.7rem;
font-family:Arial, Helvetica, sans-serif;
}
.story-list3 .div2 .right .num-shu li .numname{
font-size: 0.35rem;
color: #666;
line-height: 0.4rem;
margin-top: 0.25rem;
}
.story-list3 .mask{
position:absolute;
background-color:#f5f5f5;
width:100%;
height:69%;
top:5%;
z-index: -1;
}
.story-list4{
padding:2.5rem 0 ;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.story-list4 .list4-div{
padding:2.5rem;
background-color:#f5f5f5;
}
.story-list4 .list4-div .name{
font-size:0.9rem;
line-height:1.1rem;
color:#000;
font-family:Arial, Helvetica, sans-serif;
}
.story-list4 .list4-div .diso{
margin-top:0.8rem;
}
.story-list4 .list4-div .left{
float:left;
width:46%;
font-size:0.4rem;
color:#666;
line-height:0.75rem;
}
.story-list4 .list4-div .left:nth-child(2){
margin-left:8%;
}
.story-list5{
position:relative;
}
.story-list5 .left{
float:left;
width:40%;
overflow:hidden;
}
.story-list5 .left img{
width:100%;
transform:scale3d(1.05,1.05,1)
}
.story-list5 .right{
position:absolute;
top:50%;
transform:translateY(-50%);
right:6.25%;
width:50.5%;
max-height:90%;
overflow:auto;
}
.story-list5 .right .name{
font-size:0.9rem;
line-height:1.1rem;
color:#000;
font-family:Arial, Helvetica, sans-serif;
}
.story-list5 .right .name-p{
font-size:0.4rem;
line-height:0.75rem;
margin-top:0.75rem;
color:#666;
}
.story-list5 .mask{
position:absolute;
bottom:0;
right:0;
width:60%;
z-index: -1;
background-color:#f5f5f5;
height:0.75rem;
}
.story-list6{
padding:3rem 0;
background-color:#f5f5f5;
}
.story-list6 .left{
float:left;
width:64.3%;
}
.story-list6 .left .name{
font-size:0.9rem;
line-height:1.1rem;
color:#000;
font-family:Arial, Helvetica, sans-serif;
}
.story-list6 .left .name-p{
font-size:0.4rem;
line-height:0.75rem;
margin-top:0.75rem;
color:#666;
}
.story-list6 .right{
float: right;
width: 35%;
}
.story-list6 .right .num-shu{
font-size: 0;
text-align: center;
padding-top: 5rem;
}
.story-list6 .right .num-shu li{
display: inline-block;
vertical-align: top;
margin: 0 0.75rem;
position: relative;
}
.story-list6 .right .num-shu li:nth-child(1){
margin-left:0;
}
.story-list6 .right .num-shu li:nth-last-child(1){
margin-right:0;
}
.story-list6 .right .num-shu li:after{
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -0.75rem;
width: 1px;
height: 80%;
background-color: #ccc;
content: "";
}
.story-list6 .right .num-shu li:nth-last-child(1):after{
display:none;
}
.story-list6 .right .num-shu li .num{
font-size: 0.6rem;
color: #00AC35;
line-height: 0.7rem;
font-family:Arial, Helvetica, sans-serif;
}
.story-list6 .right .num-shu li .numname{
font-size: 0.35rem;
color: #666;
line-height: 0.4rem;
margin-top: 0.25rem;
}
.produ-list1{
padding:2.25rem 0 2.5rem;
background-color:#f5f5f5;
}
.produ-list1 .title-name{
font-size:0.9rem;
line-height:1.1rem;
color:#000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.produ-list1 .park-list3{
padding:0;
position:relative;
z-index:10
}
.produ-list1 .ajax-product{
margin-top:1.5rem;
}
.produ-list1 .ajax-product li{
float:left;
width:32%;
margin-right:2%;
margin-bottom:0.75rem;
border: 1px solid #ccc;
box-sizing:border-box;
}
.produ-list1 .ajax-product li:nth-child(3n){
margin-right:0;
}
.produ-list1 .ajax-product li .li-img{
padding:0.75rem 1.2rem;
}
.produ-list1 .ajax-product li .li-img .img{
overflow:hidden;
width:100%;
}
.produ-list1 .ajax-product li .li-img .img img{
width:100%;
transition:all 0.3s;
}
.produ-list1 .ajax-product li .li-img .imgname{
font-size: 0.6rem;
color: #000;
font-family:Arial, Helvetica, sans-serif;
text-align: center;
margin-top: 0.75rem;
line-height: 0.7rem;
transition:all 0.3s;
}
.produ-list1 .ajax-product li .li-img .item-p{
font-size: 0;
margin-top: 0.7rem;
text-align: center;
}
.produ-list1 .ajax-product li .li-img .item-p p img {
display: inline-block;
vertical-align: middle;
width: 0.45rem;
margin-right: 0.25rem;
}
.produ-list1 .ajax-product li .li-img .item-p p span {
font-size: 0.4rem;
line-height: 0.7rem;
display: inline-block;
vertical-align: middle;
color: #666;
}
.produ-list1 .page-tion-div a{
background-color:#fff;
}
.produ-list1 .page-tion-div a.active{
background-color:#00AC35;
color:#fff;
}
.chuan-list1{
padding: 2.25rem 0 0;
}
.chuan-list1 .w1660{
width:86.5%;
position:relative;
margin-left:13.5%;
}
.chuan-list1 .ul1 li{
position:relative;
}
.chuan-list1 .ul1 li .left{
float:right;
width:57.5%;
overflow:hidden;
}
.chuan-list1 .ul1 li .left img{
width:100%;
transform:scale3d(1.1,1.1,1)
}
.chuan-list1 .ul1 li .right{
position:absolute;
top:0;
left:0;
width:42.5%;
height:100%;
}
.chuan-list1 .ul1 li .right .right-div{
position:absolute;
top:50%;
transform:translateY(-50%);
width:80%;
}
.chuan-list1 .ul1 li .right .name{
font-size:1rem;
color:#222;
line-height:1.1rem;
font-family:Arial, Helvetica, sans-serif;
}
.chuan-list1 .ul1 li .right .sm-name{
font-size:0.75rem;
line-height:0.8rem;
margin-top:0.5rem;
font-family:Arial, Helvetica, sans-serif;
}
.chuan-list1 .ul1 li .right .name-p{
font-size:0.4rem;
color:#666;
line-height:0.9rem;
margin-top:1.1rem;
}
.chuan-list1 .ul1 li:nth-child(2) .left{
float:left;
width:42.5%;
}
.chuan-list1 .ul1 li:nth-child(2) .right{
left:auto;
right:0;
width:57.5%;
}
.chuan-list1 .ul1 li:nth-child(2) .right .right-div{
text-align:center;
left:10%;
}
.chuan-list1 .ul1 li .right .right-div .name-imf img{
max-width:100%;
}
.chuan-list1 .ul1 li .right .right-div .img-name{
font-size:0.6rem;
color:#666;
line-height:.8rem;
margin-top:0.75rem;
}
.chuan-list1 .ul1{
border-bottom:1px solid #e5e5e5;
box-sizing:border-box;
}
.chuan-list2{
padding-top:0;
}
.chuan-list2 .w1660{
width:86.5%;
position:relative;
margin-left:0;
}
.chuan-list2 .ul1 li .left{
float:left;
width:58.1%;
}
.chuan-list2 .ul1 li .right{
left:auto;
right:0;
width:41.9%;
}
.chuan-list2 .ul1 li .right .right-div{
left:20%;
}
.chuan-list2 .ul1 li:nth-child(2) .left{
float:right;
width:41.9%;
}
.chuan-list2 .ul1 li:nth-child(2) .right{
left:0;
right:auto;
width:58.1%;
}
.chuan-list3{
position:relative;
}
.chuan-list3 .right{
float:right;
width:49.8%;
overflow:hidden;
}
.chuan-list3 .right img{
width:100%;
transform:scale3d(1.1,1.1,1)
}
.chuan-list3 .left{
position:absolute;
top:50%;
transform:translateY(-50%);
width:32.3%;
left:13.5%;
}
.chuan-list3 .left .name{
font-size:1rem;
color:#222;
line-height:1.1rem;
font-family:Arial, Helvetica, sans-serif;
}
.chuan-list3 .left .sm-name{
font-size:0.75rem;
line-height:0.8rem;
margin-top:0.5rem;
font-family:Arial, Helvetica, sans-serif;
}
.chuan-list3 .left .name-p{
font-size:0.4rem;
color:#666;
line-height:0.9rem;
margin-top:1.1rem;
}
.star-banner{
position:relative;
overflow:hidden;
}
.star-banner img{
width:100%;
}
.star-banner img.img2{
display:none;
}
.star-list1{
padding:1.25rem 0;
background-color:#ffffff;
font-size:0;
text-align:center;
width:73%;
margin: 0 auto;
}
.star-list1 li{
display:inline-block;
vertical-align:top;
width:20%;
position:relative;
}
.star-list1 li img.img2{
position:absolute;
left:50%;
transform:translateX(-50%);
}
.star-list1 li img{
max-width:100%;
opacity: 0;
transition:all 0.3s;
}
.star-list1 li img.img1{
opacity: 1;
}
.star-list1 li .imgname{
font-size:0.4rem;
line-height:0.5rem;
margin-top:0.5rem;
color:#000;
transition:all 0.3s;
}
.star-img{
position:relative;
text-align:center;
}
.star-img .pho-showdiv{
display:none;
}
.star-img img{
max-width:100%;
}
.star-img .phoimg{
display:none;
}
.star-img .star-title{
padding:2rem 0;
background-color:#fff;
}
.star-img .star-title .title{
font-size:0.9rem;
line-height:1.1rem;
color:#000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.star-img .star-title .sm-title{
font-size:0.55rem;
color:#222;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
line-height:0.6rem;
margin-top:0.5rem;
}
.star-img .star-title .title-p{
font-size:0.4rem;
color:#666;
line-height:0.6rem;
margin-top:1rem;
text-align:center;
}
.star-bttom-swiper{
position:relative;
overflow:hidden;
width:72.3%;
margin: 2rem auto 0;
padding-bottom:1.5rem;
}
.star-bttom-swiper .swiper-slide{
position:relative;
}
.star-bttom-swiper .swiper-slide .img{
overflow:hidden;
}
.star-bttom-swiper .swiper-slide .img img{
width:100%;
transition:all 0.3s;
}
.star-bttom-swiper .swiper-slide .imgnmae{
height:1.2rem;
line-height:1.2rem;
text-align:center;;
background-color:#f7f7f8;
color:#423f3f;
font-size:0.45rem;
font-family:Arial, Helvetica, sans-serif;
transition:all 0.3s;
}
.star-bttom-swiper .star-pafetion{
position:relative;
margin-top:1.25rem;
text-align:center;
width:100%;
}
.star-bttom-swiper .star-pafetion span{
width:12px;
height:12px;
border-radius:50%;
display:inline-block;
margin:0 4px;
transition:all 0.3s;
background-color:#faccd0;
}
.star-bttom-swiper .star-pafetion span.swiper-pagination-bullet-active{
background-color:#e50113
}
.pro-detail-list1{
padding:2.5rem 0 ;
background-color:#f5f5f5;
}
.pro-detail-list1 .title-name{
font-size:1rem;
line-height:1.1rem;
color:#000;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.pro-detail-list1 .sm-title{
font-size:0.6rem;
color:#1a1a1a;
line-height:0.7rem;
text-align:center;
margin-top:0.75rem;
font-family:Arial, Helvetica, sans-serif;
}
.pro-detail-list1 .pd-ul1{
margin-top:1.5rem;
font-size:0;
text-align:center;
}
.pro-detail-list1 .pd-ul1 li{
display:inline-block;
vertical-align:top;
margin: 0 0.3rem;
}
.pro-detail-list1 .pd-ul1 li .img{
position:relative;
text-align:center;
}
.pro-detail-list1 .pd-ul1 li .img img{
opacity:1;
transition:all 0.3;
}
.pro-detail-list1 .pd-ul1 li .img img.img2{
position:absolute;
opacity:0;
top:0;
left:50%;
transform:translateX(-50%);
}
.pro-detail-list1 .pd-ul1 li .imgname{
font-size:0.4rem;
line-height:0.5rem;
color:#666;
margin-top:0.25rem;
}
.star-img .pd-imgname{
position:absolute;
bottom:1rem;
left:50%;
transform:translateX(-50%);
width:60%;
text-align:center;
}
.star-img .pd-imgname .title{
font-size:1rem;
line-height:1.1rem;
text-align:center;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
}
.star-img .pd-imgname .sm-title1{
font-size:0.45rem;
color:#fff;
line-height:0.6rem;
margin-top:0.6rem;
text-align:center;
}
.pd-name-img{
background-color:#f5f5f5;
padding-bottom:1.5rem;
}
.pd-name-img .name{
font-size:1rem;
line-height:1.1rem;
text-align:center;
color:#000;
font-family:Arial, Helvetica, sans-serif;
padding-top:2rem;
margin-bottom:1.5rem;
}
.pdimane{
background-color:#f5f5f5;
padding: 2.5rem 0;
}
.pdimane .name{
font-size:1rem;
line-height:1.1rem;
text-align:center;
color:#000;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:1.5rem;
}
.pd-bai-swiper{
padding:2.5rem 0 2rem;
}
.pd-bai-swiper .name{
font-size:1rem;
line-height:1.1rem;
text-align:center;
color:#000;
font-family:Arial, Helvetica, sans-serif;
}
.pd-bai-swiper .sm-name{
font-size:0.45rem;
text-align:center;
color:#666;
margin-top:0.75rem;
line-height:0.7rem;
}
.pd-bai-swiper .pd-swiperimg{
margin-top:1.25rem;
position:relative;
width:100%;
overflow:hidden;
}
.pd-bai-swiper .pd-swiperimg .swiper-slide .img{
overflow:hidden;
}
.pd-bai-swiper .pd-swiperimg .swiper-slide .img img{
width:100%;
transition:all 0.3s;
}
.pd-bai-swiper .pd-swiperimg .swiper-slide .imgname{
font-size:0.45rem;
color:#666;
margin-top:0.5rem;
text-align:center;;
line-height:0.6rem;
}
.pd-bai-swiper .pd-swiperimg .pd-swip-page{
margin-top:1.25rem;
position:relative;
width: 100%;
height: 4px;
background-color: #e2e2e2;
}
.pd-bai-swiper .pd-swiperimg .pd-swip-page .swiper-scrollbar-drag{
background-color: #00AC35;
}
.div-img-title-name{
margin-top:2rem;
}
.div-img-title-name .title{
font-size:0.75rem;
line-height:0.8rem;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.div-img-title-name .name-l{
font-size:0.45rem;
color:#666;
text-align:center;
line-height:0.75rem;
margin-top:1rem;
margin-bottom:1rem;
}
.div-img-title-name .div-op{
margin-bottom:2rem;
}
.pd-bai-swiper .pd-swiperimg1{
margin-top:1.25rem;
position:relative;
width:100%;
overflow:hidden;
padding-right: 1px
}
.pd-bai-swiper .pd-swiperimg1 .swiper-slide img{
width:100%;
}
.pd-bai-swiper .pd-swiperimg1 .pd-swip-page{
margin-top:1.25rem;
position:relative;
width: 100%;
height: 4px;
background-color: #e2e2e2;
}
.pd-bai-swiper .pd-swiperimg1 .pd-swip-page .swiper-scrollbar-drag{
background-color: #00AC35;
}
.pa-list3{
margin-top:2.5rem;
}
.pa-list3 .pd-swiperimg2{
margin-top:1.25rem;
position:relative;
width:100%;
overflow:hidden;
padding-right:1px
}
.pa-list3 .pd-swiperimg2 .swiper-slide{
border: 1px solid #e5e5e5;
box-sizing:border-box;
position:relative;
}
.pa-list3 .pd-swiperimg2 .swiper-slide img{
width:100%;
opacity: 1;
transition:all 0.3s;
}
.pa-list3 .pd-swiperimg2 .swiper-slide img.img2{
position:absolute;
opacity: 0;
top:0;
left:0;
}
.pa-list3 .pd-swiperimg2 .pd-swip-page{
margin-top:1.25rem;
position:relative;
width: 100%;
height: 4px;
background-color: #e2e2e2;
}
.pa-list3 .pd-swiperimg2 .pd-swip-page .swiper-scrollbar-drag{
background-color: #00AC35;
}
.case-jian{
padding:2rem 0;
text-align:center;
}
.case-jian .name{
font-size:0.9rem;
line-height:1.1rem;
color:#000;
font-family:Arial, Helvetica, sans-serif;
}
.case-jian .title{
font-size:0.75rem;
color:#00AC35;
line-height:0.9rem;
margin-top:1.5rem;
}
.case-jian .content-p{
width:60%;
margin:1rem auto 0;
font-size:0.4rem;
color:#666;
line-height:0.75rem;
}
.case-jian .content-p img{
max-width:100%;
}
.pho-swipertdiv{
display:none;
margin-top:0.3rem;
}
.case-moedloes{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:1000;
display:none
}
.case-moedloes .mask{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.5);
}
.case-moedloes .imgvidoe{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:800px;
}
.case-moedloes .demol-imfswiper{
position:relative;
width:100%;
overflow:hidden;
}
.case-moedloes .demol-imfswiper img{
width:100%;
}
.case-moedloes .demol-imfswiper .close-d{
position:absolute;
top:0;
right:0;
width:30px;
height:30px;
background-color:rgba(0,0,0,0.5);
line-height:30px;
color:#fff;
transition:all 0.3s ease;
text-align:center;
font-size:14px;
z-index:10;
cursor:pointer;
}
.case-moedloes .demol-imfswiper .deol-pagetion{
position:absolute;
bottom:0rem;
height:1.5rem;
line-height:1.5rem;
text-align:center;
z-index:10;
width:100%;
background-color:rgba(0,0,0,0.5)
}
.case-moedloes .demol-imfswiper .deol-pagetion span{
display:inline-block;
width:6px;
height:6px;
border:2px solid #c6c6c6;
background-color:transparent;
transition:all 0.3s;
margin: 0 4px;
border-radius:50%;
}
.case-moedloes .demol-imfswiper .deol-pagetion span.swiper-pagination-bullet-active{
background-color:#ec6901;
border:2px solid #ec6901;
}
.new-storyimg{
position:relative;
height:20rem;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
overflow:hidden;
}
.item-imgopos{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.parallax-0.item-imgopos{
height:109%
}
.parallax-1.item-imgopos{
height:123%
}
.new-storyimg .new-box-text{
position:absolute;
top:18.75%;
text-align:center;
left:50%;
transform:translateX(-50%);
width:80%;
z-index:10
}
.new-storyimg .new-box-text .tit-name{
font-size:0.9rem;
line-height:1rem;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
}
.new-storyimg .new-box-text .tit-p{
font-size:0.4rem;
color:#666666;
margin-top:1rem;
line-height:1rem;
}
.new-storyimg .new-box-text ul{
margin-top:1.5rem;
font-size:0;
text-align:center;
}
.new-storyimg .new-box-text ul li{
display:inline-block;
vertical-align:top;
margin: 0 0.75rem;
position:relative;
}
.new-storyimg .new-box-text ul li:after{
position:absolute;
top:50%;
transform:translateY(-50%);
right:-0.75rem;
width:1px;
height:80%;
background-color:#e5e5e5;
content:"";
}
.new-storyimg .new-box-text ul li:last-child:after{
display:none
}
.new-storyimg .new-box-text ul li .num{
font-size:0.6rem;
color:#00AC35;
line-height:0.7rem;
}
.new-storyimg .new-box-text ul li .numname{
font-size:0.35rem;
color:#808080;
line-height:0.4rem;
margin-top:0.25rem;
}
.news-storytet{
padding: 2.5rem 0;
text-align:center;
position:relative;
z-index:10
}
.news-storytet .tit-name{
font-size:0.9rem;
line-height:1rem;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
}
.news-storytet .tit-p{
font-size:0.4rem;
color:#666666;
margin-top:1rem;
line-height:1rem;
}
.news-storytet .ico-img{
display:block;
margin: 1rem auto 0;
width:1.5rem;
overflow:hidden;
}
.news-storytet .ico-img img{
width:100%;
}
.new-storyimg.bai .new-box-text .tit-name{
color:#fff;
}
.new-storyimg.bai .new-box-text .tit-p{
color:#fff;
}
.new-storyul-swiper{
position:relative;
overflow:hidden;
}
.new-storyul{
position:relative;
}
.new-storyul li{
width:33.3%;
position:relative;
overflow:hidden;
}
.new-storyul li img{
width:100%;
}
.new-storyul-swiper .tit-name{
position:absolute;
top:15%;
width:80%;
text-align:center;
left:10%;
font-size:0.9rem;
line-height:1rem;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
z-index: 10;
}
.new-storyul li .mask{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.3);
transform:translateY(100%);
transition:all 0.3s;
opacity:0;
}
.new-storyul li.cur .mask{
transform:translateY(0%);
opacity:1;
}
.new-storyul li .tit-p{
font-size:0.5rem;
color:#fff;
line-height:0.75rem;
text-align:center;
position: absolute;
top:50%;
left:50%;
width:80%;
transform:translate(-50%,-50%);
z-index: 10;
}
.news-storytet.bai{
background-repeat:no-repeat;
background-position:center;
background-size:cover;
background-attachment:fixed;
}
.news-storytet.bai .tit-name{
color:#fff;
}
.news-storytet.bai .tit-p{
color:#fff;
}
.new-prodetailimg{
position:relative;
overflow:hidden;
}
.new-prodetailimg .news-pagetion{
position:absolute;
bottom:5%;
right:10%;
text-align:center;
width:80%;
z-index: 10;
}
.new-prodetailimg .news-pagetion span{
width:8px;
height:8px;
display: inline-block;
background-color:#fff;
border-radius:50%;
transition:all 0.3s;
margin: 0 4px;
}
.new-prodetailimg .news-pagetion span.swiper-pagination-bullet-active{
background-color:#e60012
}
.new-prodetailimg .swiper-slide{
position:relative
}
// .new-prodetailimg .swiper-slide .news1-pc-imgnew{
// height:calc(100vh - 2.75rem);
// background-repeat:no-repeat;
// background-position:center;
// background-size:cover;
// display:block
// }
.new-prodetailimg .swiper-slide img{
width:100%;
}
.new-prodetailimg .swiper-slide .text-news{
position:absolute;
left:14.6%;
bottom:11.8%;
width:70%;
text-align:left;
color:#fff;
}
.new-prodetailimg .swiper-slide .text-news .title-name{
font-size:1.4rem;
line-height:1.4rem;
}
.new-prodetailimg .swiper-slide .text-news .title-sm{
font-size:0.8rem;
line-height:1rem;
margin-top:0.75rem;
}
.new-prodetailimg .swiper-slide .secwen {
opacity: 0;
filter: alpha(opacity=0);
transform: translateY(30px);
transition: .8s;
}
.new-prodetailimg .swiper-slide .secwen {
transition: 1s ease-in-out;
}
.new-prodetailimg .swiper-slide-active .secwen{
opacity: 1;
filter: alpha(opacity=100);
transform: translateX(0);
transition: 1s ease-in-out;
}
.pho-imgnew{
display:none;
}
.new-prode-list1{
background-color:#f5f5f5;
padding: 2rem 0;
}
.new-prode-list1 .title-name{
font-size:1rem;
color:#1a1a1a;
line-height:1rem;
text-align:center;
}
.new-prode-list1 .new-pc-img{
margin-top:1.25rem;
text-align:center;
}
.new-prode-list1 .new-pc-img img{
max-width:100%;
}
.new-prode-list1 .new-pho-img{
display:none;
text-align:center;
}
.new-prode-list1 .new-pho-img img{
width:100%;
}
.new-prode-list2{
padding:2rem 0;
}
.new-prode-list2 .title-name{
font-size:1rem;
color:#1a1a1a;
line-height:1rem;
text-align:center;
}
.new-prode-list2 .new-pc-img{
margin-top:1.25rem;
text-align:center;
}
.new-prode-list2 .new-pc-img img{
width:100%;
}
.new-prode-list2 .new-pho-img{
display:none;
text-align:center;
}
.new-prode-list2 .new-pho-img img{
width:100%;
}
.new-prede-list3{
background-color:#fff;
}
.new-prede-list3 .park-list3{
padding:0 0 2.5rem;
background-color:#fff;
}
.new-case-honer{
padding: 2.5rem 0 2.5rem;
background-color:#f5f5f5;
}
.new-case-honer .new-case-swiper{
position:relative;
overflow:hidden;
width:100%;
padding-right:1px;
}
.new-case-honer .new-case-swiper .img{
border: 1px solid #e5e5e5;
background-color:#fff;
overflow:hidden;
}
.new-case-honer .new-case-swiper .img img{
width:100%;
transition:all 0.3s;
}
.new-case-honer .new-case-swiper .img-name{
height:2rem;
line-height:2rem;
border: 1px solid #e5e5e5;
font-size:0.45rem;
text-align:center;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
background-color:#fff;
color:#000;
transition:all 0.3s;
border-top:0;
}
.new-case-honer .new-case-swiper .list3-agetipi{
margin-top:1.5rem;
position:relative;
width: 100%;
height: 4px;
background-color: #e2e2e2;
}
.new-case-honer .new-case-swiper .list3-agetipi .swiper-scrollbar-drag{
background-color: #00AC35;
}
.ajax-ul-news{
margin-top:1.25rem;
}
.ajax-ul-news li{
float:left;
width:23.8%;
margin-right:1.6%;
margin-bottom:0.75rem;
}
.ajax-ul-news li:nth-child(4n){
margin-right:0;
}
.ajax-ul-news li .item-div{
padding: 1rem;
border: 1px solid #e5e5e5;
background-repeat:no-repeat;
background-position:right bottom;
background-size:100% 100%;
background-image:url("http://www.n12345.com/bocstatic/web/css/../img/4-img1.png");
background-color:#fff;
transition:all 0.3s;
}
.ajax-ul-news li .yeader{
font-size:1.2rem;
color:#dbdbdb;
line-height:1.2rem;
font-family:Arial, Helvetica, sans-serif;
transition:all 0.3s;
height: 0.8rem;
overflow: hidden;
}
.ajax-ul-news li .namer{
font-size:0.6rem;
color: #000;
line-height:0.8rem;
height:1.6rem;
overflow:hidden;
margin-top:0.4rem;
}
.ajax-ul-news li .con-box1{
font-size:0.35rem;
width:3rem;
height:1rem;
line-height:1rem;
border: 1px solid #e5e5e5;
border-radius:0.5rem;
text-align:center;
display:inline-block;
color:#666666;
margin-top:0.5rem;
transition:all 0.3s;
}
.news-honer-list1{
padding:2rem 0;
background-color:#f5f5f5;
}
.news-honer-list1 .title-name{
font-size:0.75rem;
line-height:0.8rem;
text-align:center;
color:#000000;
}
.news-honer-list1 .ul1{
margin-top:0.75rem;
font-size:0;
text-align:center;
}
.news-honer-list1 .ul1 li{
font-size:0.45rem;
color:#000;
transition:all 0.3s;
cursor:pointer;
display:inline-block;
font-family:Arial, Helvetica, sans-serif;
}
.news-honer-list1 .ul1 li.li1{
margin: 0 6px;
}
.news-honer-list1 .ul1 li.cur{
color:#00AC35;
}
.ajax-news-honer{
margin:1.5rem auto 0;
width:75%;
overflow:hidden;
}
.ajax-news-honer .honer-siwpeo1{
position:relative;
width:100%;
overflow:hidden;
}
.ajax-news-honer .honer-siwpeo1 .img{
overflow:hidden;
position:relative;
}
.ajax-news-honer .honer-siwpeo1 .swiper-slide-active .img{
box-shadow:0 0 30px rgba(18,18,18,0.15);
}
.ajax-news-honer .honer-siwpeo1 .img img{
width:100%;
}
.ajax-news-honer .honer-siwpeo1 .imgname{
font-size:0.45rem;
color:#1d1d1d;
line-height:0.5rem;
margin-top:1rem;
transition:all 0.3s;
opacity:0;
visibility: hidden;
text-align:center;
}
.ajax-news-honer .honer-siwpeo1 .swiper-slide-active .imgname{
opacity:1;
visibility:visible;;
}
.ajax-news-honer .honer-siwpeo1 .img .mask{
position:absolute;
width:100%;
height:100%;
background-color:rgba(0, 0, 0,0.3);
top:0;
left:0;
z-index: 10;
transition:all 0.3s;
opacity:0;
visibility: hidden;
}
.ajax-news-honer .honer-siwpeo1 .swiper-slide .img .mask,.ajax-news-honer .honer-siwpeo1 .swiper-slide .img .mask{
opacity:1;
visibility:visible;;
}
.ajax-news-honer .honer-siwpeo1 .swiper-slide-active .img .mask{
opacity:0;
visibility: hidden;
}
.news-honer-list2{
padding:2rem 0 1.5rem;
background-color:#fff;
}
.news-honer-list2 .title-name{
font-size:0.75rem;
line-height:1rem;
text-align:center;
color:#000000;
}
.news-honer-list2 .list2-honwe-swiper{
margin-top:1.1rem;
position:relative;
overflow:hidden;
padding-right:1px;
}
.news-honer-list2 .list2-honwe-swiper .list3-agetipi{
margin-top:1.5rem;
position:relative;
width: 100%;
height: 4px;
background-color: #e2e2e2;
}
.news-honer-list2 .list2-honwe-swiper .swiper-scrollbar-drag{
background-color: #00AC35;
}
.news-honer-list2 .list2-honwe-swiper .item-div{
padding: 1rem;
border: 1px solid #e5e5e5;
background-repeat: no-repeat;
background-position: right bottom;
background-size: 100% 100%;
background-image: url("http://www.n12345.com/bocstatic/web/css/../img/4-img1.png");
background-color: #fff;
transition: all 0.3s;
}
.news-honer-list2 .list2-honwe-swiper .item-div .yeader{
font-size: 1.2rem;
color: #dbdbdb;
line-height: 1.2rem;
font-family:Arial, Helvetica, sans-serif;
transition: all 0.3s;
height: 0.8rem;
overflow: hidden;
}
.news-honer-list2 .list2-honwe-swiper .item-div .namer{
font-size: 0.6rem;
color: #000;
line-height: 0.8rem;
height: 1.6rem;
overflow: hidden;
margin-top: 0.4rem;
}
.news-honer-list2 .list2-honwe-swiper .item-div .con-box1{
font-size: 0.35rem;
width: 3rem;
height: 1rem;
line-height: 1rem;
border: 1px solid #e5e5e5;
border-radius: 0.5rem;
text-align: center;
display: inline-block;
color: #666666;
margin-top: 0.5rem;
transition: all 0.3s;
}
.news-honer-list3{
padding:1.75rem 0 2.5rem;
background-color:#f5f5f5;
}
.news-honer-list3 .title-name{
font-size:0.75rem;
text-align:center;
color:#000000;
}
.news-honer-list3 .list3-honwe-swiper{
margin-top:1.1rem;
position:relative;
overflow:hidden;
padding-right:1px;
}
.news-honer-list3 .list3-honwe-swiper .list3-agetipi{
margin-top:1.5rem;
position:relative;
width: 100%;
height: 4px;
background-color: #e2e2e2;
}
.news-honer-list3 .list3-honwe-swiper .swiper-scrollbar-drag{
background-color: #00AC35;
}
.news-honer-list3 .list3-honwe-swiper .item-div{
padding: 1rem;
border: 1px solid #e5e5e5;
background-repeat: no-repeat;
background-position: right bottom;
background-size: 100% 100%;
background-image: url("http://www.n12345.com/bocstatic/web/css/../img/4-img1.png");
background-color: #fff;
transition: all 0.3s;
}
.news-honer-list3 .list3-honwe-swiper .item-div .yeader{
font-size: 1.2rem;
color: #dbdbdb;
line-height: 1.2rem;
font-family:Arial, Helvetica, sans-serif;
transition: all 0.3s;
height: 0.8rem;
overflow: hidden;
}
.news-honer-list3 .list3-honwe-swiper .item-div .namer{
font-size: 0.55rem;
color: #000;
line-height: 0.8rem;
height: 1.6rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-top: 0.4rem;
}
.news-honer-list3 .list3-honwe-swiper .item-div .con-box1{
font-size: 0.35rem;
width: 3rem;
height: 1rem;
line-height: 1rem;
border: 1px solid #e5e5e5;
border-radius: 0.5rem;
text-align: center;
display: inline-block;
color: #666666;
margin-top: 0.5rem;
transition: all 0.3s;
}
.jinkou-mdeol-show{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index: 1000;
display:none;
}
.jinkou-mdeol-show .black{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.5);
}
.jinkou-mdeol-show .body-model{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:680px;
padding: 30px;
background-color:#fff;
}
.jinkou-mdeol-show .body-model .close{
position:absolute;
top:0;
right:0;
width:30px;
height:30px;
text-align:center;
line-height:30px;
background-color:#00AC35;
color:#fff;
font-size:18px;
opacity:1;
}
.jinkou-mdeol-show .body-model .jinkou-sipwer-mian{
position:relative;
overflow:hidden;
}
.jinkou-mdeol-show .body-model .jinkou-sipwer-mian img{
width:100%;
}
.jinkou-mdeol-show .body-model .jinkou-sipwer-mian .jinkou-pagination{
position:absolute;
left:10%;
width:80%;
text-align:center;
bottom:20px;
z-index: 10;
}
.jinkou-mdeol-show .body-model .jinkou-sipwer-mian .jinkou-pagination span{
width:6px;
height:6px;
display:inline-block;
background-color:#fff;
border-radius:50%;
transition:all 0.3s;
margin: 0 4px;
}
.jinkou-mdeol-show .body-model .jinkou-sipwer-mian .jinkou-pagination span.swiper-pagination-bullet-active{
background-color:#00AC35;
}
.jinkou-mdeol-show .body-model .item-namer-op{
margin-top:0.75rem;
font-size:0.45rem;
color:#666;
line-height:0.7rem;
max-height:6rem;
}
.mCSB_outside+.mCSB_scrollTools{
right:-0.5rem !important;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color:#00AC35; !important
}
@media (min-width: 1680px) and (max-width: 1900px){
.serve-list1 .listul li{
padding-bottom:25%;
}
.tiyan-list1 .tiyan-ul1 li .imgti .imh-span span{
margin-right:0.3rem;
}
.index-list1 .list1-div .right .right-mian .more-div{
margin-top: 0.5rem;
}
}
@media (max-width: 1880px){
.index-list1 .list1-div .list1-swiper-mian{
margin-top: 1rem;
}
}
@media (max-width: 1680px){
.index-list2 .right .map-div{
height: 40%;
}
.kain-list3 .list3-ul li{
margin-right:5%;
}
.intr-list1 .right ul li{
margin:0 0.5rem;
}
.intr-list1 .right ul li:after{
right:-0.5rem;
}
.devel-list1 .swiper-div .deve-swiper .left{
width:40%;
}
.story-list1 .left .title-p{
font-size:0.45rem;
}
.story-list1 .left .div1 .left-p{
font-size:0.45rem;
}
.story-list1 .left .div1 .right-p{
font-size:0.45rem;
}
.story-list2 .left .name-p{
font-size:0.45rem;
}
.story-list3 .div1 .right .name-p{
font-size:0.45rem;
}
.story-list3 .div2 .left .name-p{
font-size:0.45rem;
}
.story-list3 .div1 .right .name-p{
font-size:0.45rem;
}
.story-list3 .div2 .left .name-p{
font-size:0.45rem;
}
.story-list4 .list4-div .left{
font-size:0.45rem;
}
.story-list5 .right .name-p{
font-size:0.45rem;
}
.story-list6 .left .name-p{
font-size:0.45rem;
}
.serve-list1 .title{
font-size:0.45rem;
}
.news-detail .right .right-mian ul li{
margin-bottom:0.3rem;
}
.news-detail .right .right-mian{
padding:0.5rem 0.75rem
}
}
@media (min-width: 1440px) and (max-width: 1680px){
.index-list1 .list1-div .right .right-mian .more-div{
margin-top:0.3rem;
}
.serve-list1 .listul li{
padding-bottom:25%;
}
}
@media (max-width: 1460px){
.news-list1 .nwsws li{
width:24.1%;
}
.news-list1 .nwsws li .liimg .name{
font-size:0.55rem;
}
}
@media (max-width: 1440px){
.index-list1 .list1-div .list1-swiper-mian{
margin-top:1rem;
}
.index-list1 .list1-div .right .right-mian .more-div{
margin-top:0.5rem;
}
.news-detail .left .detail-p{
font-size:0.45rem;
}
.chuan-list1 .ul1 li .right .name-p{
font-size:0.45rem;
}
.resou-list1 .resou-ul2 li .li-mian{
font-size:0.45rem;
}
.inve-list1 .title-p{
font-size:0.45rem;
}
.inve-list2 .inve-ul2 .swiper-slide .li-div .title-div{
font-size:0.45rem;
}
}
@media (max-width: 1366px){
.index-list1 .list1-div .right .right-mian .li-title{
margin-top:1rem;
}
.index-list1 .list1-div .list1-siwer-page{
bottom: 7%;
}
.index-list1 .list1-div .list1-swiper-mian{
max-height:8.2rem;
}
.gale-list1 .gale-div-p{
width:70%;
}
.news-list1 .news-swiper .new-li .right .more{
margin-top: 0.75rem;
}
}
@media (max-width: 1280px){
.bra-list1 .right .opiteniosejs{
height:9rem;
}
footer .footer-ul li{
margin-right: 1.0rem;
}
.index-list2 .shuli li:nth-child(2n-1){
width:4rem;
}
.index-list2 .right .map-div{
width:40%;
height:45%;
}
.index-list1 .list1-div .right .right-mian .li-title li{
margin-top:0.5rem;
padding-bottom:0.5rem;
}
.index-list1 .list1-div .right .right-mian .more-div{
margin-top:0.5rem;
}
.story-list6 .right .num-shu li{
margin-bottom:0.5rem;
}
.story-list6 .right .num-shu li:nth-child(2):after{
display:none
}
.story-list3 .div2 .right .num-shu li{
margin-bottom:0.5rem;
}
.story-list3 .div2 .right .num-shu li:nth-child(2):after{
display:none
}
.bra-list2 .bra2-swiper .bra2-prev{
right:calc(49.6% + 2.6rem)
}
.bra-list2 .bra2-swiper .bra2-next{
right:calc(49.6% + 1.3rem)
}
.bra-list1 .right .item-p{
margin-top:.5rem;
}
.bra-list1 .right .item-li{
padding-bottom:0.5rem;
margin-bottom:0.5rem;
}
.kain-list3 .list3-ul li{
width:24%;
margin-right:1.3%;
}
.intr-list1 .right{
right:0;
width:36%;
}
.intr-list4 .right .name-jie{
max-height:5rem;
overflow:auto;
padding-right:0.3rem;
}
.serve-list1 .listul li{
padding-bottom:26%;
}
}
@media (max-width: 1180px){
footer .footer-ul li{
margin-right: 1.0rem;
}
.index-list1 .list1-div .right .right-mian{
overflow: auto;
}
.index-list2 .left{
width:35%;
}
.index-list2 .right{
width:65%;
}
.index-list2 .right .map-div{
width:50%;
bottom:0;
height:50%;
}
.video-model .video-mian{
width:90%;
}
.park-list2 .list2-ul li{
margin:0 1rem;
}
.serve-list1 .listul li{
padding-bottom:30%;
}
}
@media (max-width: 767px){
ul#lm1234,div.footer_3_6{display:none;}
div#mn_123{display:block}
}
div.b_x_01{
animation-duration:2s;
-webkit-animation-duration:2s;
}
.news_img_01{overflow:hidden; margin-bottom:20px;}
.news_img_01 img{
width:70%; height:60%;
opacity:1.0;
transition:1s;
-moz-transition:1s; /* Firefox 4 */
-webkit-transition:1s; /* Safari and Chrome */
-o-transition:1s; /* Opera */
}
.news_img_01 img:hover{
opacity: 1.0;
transform:scale(1.3);
-webkit-transform:scale(1.3);
}
div.news_c_01{text-align:center; padding:20px;color:#333333;}
div.news_c_01 div{
border:0px solid #CCCCCC;box-sizing:
border-box;-moz-box-sizing:
border-box;-webkit-box-sizing:border-box;
color:#333333;
}
.news_text_01 .news_tit{
font-size:16px;
color:#333333;
height:30px;
line-height:20px;
}
.news_text_01 .news_nr{
font-size:12px;
line-height:14px;
color:#999999;
}
div.news_text_01 div.news_time{
font-size:12px;
height:0.8rem;
line-height:0.8rem;
color:#999999;
}
div.nbaner{
height:600px;
margin-top:110px;
img-responsive;
background: url(../images0/main_00.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
div.nbaner_01{
background: url(../images0/Nbt_company.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
div.nbaner_01h{
background: url(../images0/Nbt_honor.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
div.nbaner_02{
background: url(../images0/Nbt_news.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
div.nbaner_021{
background: url(../images0/Nbt_rczp.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
div.nbaner_022{
background: url(../images0/Nbt_yfzl.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
div.nbaner_03{
background: url(../images0/bbb_03.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
div.nbaner_04{
background: url(../images0/bbb_01.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
div.nbaner_07{
background: url(../images0/Nbt_contact.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
div.nbaner_08{
background: url(../images0/Nbt_products.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
div.nbaner_09{
background: url(../images0/Nbt_xtal.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
div.nbaner_08_2{
background: url(../images0/XXX.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
div.nbaner_09{
background: url(../images0/Nbt_xtal.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
div.nbaner_0922{
background: url(../images0/XXX.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}
.kx2wm img{width:130px;}
div.k_000000{
background:#FFFFFF;
margin-top:30px;
margin-bottom:30px;
}
div.k_000001_b img{
transition:2s;
-moz-transition:2s;
-webkit-transition:2s;
-o-transition:2s;
}
div.k_000001_b img:hover{
transform:scale(1.0);
-webkit-transform:scale(1.0);
}
.k_tit_u000{color:#FFFFFF; text-align:center; font-size:40px; letter-spacing:8px;}
.k_tit_u001{color:#FFFFFF; text-align:center; font-size:30px;letter-spacing:8px;}
div.k_000001_c{
box-sizing: border-box;
background:#CCCCCC;
color:#999999;
padding:5px 0 5px;
}
div.k_000001_CC1{
box-sizing: border-box;
background:#00AC35;
color:#999999;
padding:20px 0 40px;
text-align:center;
}
div.gy_u_l ul{width:45%;display:block; display:inline; float:left;}
ul.cc_xx_001 li{
color:#FF0000;
text-align:center;}
div.k_000001_q{
box-sizing: border-box;
background:url('/images0/bbb_01.jpg');
opacity:0.1;
background-size: 100% 100%;
background-repeat: no-repeat;
color:#999999;
font-size:0.42rem;
text-shadow: 3px 5px #CCCCCC;
height:600px;
line-height:600px;
}
div.k_000001_q img{
opacity: 0.3;
}
div.l_products{text-align:right; padding-right:1rem;overflow:hidden;}
div.l_products img{
width:200px; height:200px;
transition:1s;
-moz-transition:1s;
-webkit-transition:1s;
-o-transition:1s;
}
div.l_products img:hover{
transform:scale(1.3);
-webkit-transform:scale(1.3);
}
div.l_honor{text-align:center; overflow:hidden;}
div.l_honor img{
width:60%; height:200px;
transition:1s;
-moz-transition:1s;
-webkit-transition:1s;
-o-transition:1s;
}
div.l_honor li img:hover{
transform:scale(1.3);
-webkit-transform:scale(1.3);
}
div.l_honor li{font-size:1.0em; text-align:center; margin-top:1em;}
div.l_hangye{text-align:right; padding-right:1rem;overflow:hidden;}
div.l_hangye img{
width:200px; height:200px;
}
div.l_hangye img:hover{
transform:scale(1.3);
-webkit-transform:scale(1.3);
}
p.news_d_01{text-align:center;height:1.15; padding-bottom:0.5rem;}
.news_d_01 span{margin-right:0.5rem;}
.n_products_d_01{font-size:30px;text-align:left;height:1.15; padding-bottom:20px; }
.products_d_01{font-size:32px;text-align:left;height:1.15; padding-bottom:20px; letter-spacing:2px; }
.products_d_02{ width:90%; text-align:center; margin:0 auto; line-height:1.1;}
div.btn-group{text-align:center;margin:0 auto;}
div.botton_12{width:100%;}
div.b_btn_01{line-height:2.0; width:90%; padding: 1rem 0;}
div.news_tj{font-size:0.42rem; color:#333333; padding-top:15px;}
p.gysm_01{text-align:center; font-size:0.85em; line-height:1.5em; height:1.5em; color:#666666; font-weight:bold; padding-bottom:0.5em; }
p.gysm_02{text-align:center; font-size:0.75em; line-height:1.5em; height:1.5em; color:#666666; font-weight:100;}
p.news_index_01{font-size:22px; font-weight:900;}
p.news_index_02{font-size:14px;}
p.xmbt_01{text-align:center; background: #FF0000;}
p.xxsm_01{ font-size:1.1em; color:#666666; line-height:1.0em;}
/*
@keyframes mymove
{
0% { background-size:100% 100%;opacity:0.6;filter:Alpha(opacity=60);}
50% { background-size:110% 110%;opacity:1.0;filter:Alpha(opacity=100);}
70% { background-size:110% 110%;opacity:1.0;filter:Alpha(opacity=100);}
100% { background-size:110% 110%;opacity:0.6;filter:Alpha(opacity=600);}
}
@-moz-keyframes mymove
{
0% { background-size:110% 110%;opacity:0.6;filter:Alpha(opacity=60);}
80% { background-size:100% 100%;opacity:1.0;filter:Alpha(opacity=100);}
100% { background-size:100% 100%;opacity:1.0;filter:Alpha(opacity=100);}
}
@-webkit-keyframes mymove
{
0% { background-size:110% 110%;opacity:0.6;filter:Alpha(opacity=60);}
80% { background-size:100% 100%;opacity:1.0;filter:Alpha(opacity=100);}
100% { background-size:100% 100%;opacity:1.0;filter:Alpha(opacity=100);}
}
@-o-keyframes mymove
{
0% { background-size:110% 110%;opacity:0.6;filter:Alpha(opacity=60);}
80% { background-size:100% 100%;opacity:1.0;filter:Alpha(opacity=100);}
100% { background-size:100% 100%;opacity:1.0;filter:Alpha(opacity=100);}
}
*/
div.h_k_000001{
box-sizing: border-box;
color:#999999;
overflow:hidden;
}
div.h_k_000001 img{ width:400px; height:300px;}
.h_k_000001 p{text-align:center;}
div.h_k_000001_2 img{ width:300px; height:435px;}
footer .footer-bottom{
height:70px;
line-height:70px;
border-top:1px solid #00FF66;
color:#F5F5F5;
font-size:14px;
letter-spacing:1px;
}
footer .footer-bottom p a{color:#F5F5F5;}
.b_link_02_1_1{color:#666666;font-size: 14px; text-decoration:none; letter-spacing:1px; }
.b_link_02_1_1 a:link {color:#666666;text-decoration:none; }
.b_link_02_1_1 a:visited {color:#666666;text-decoration:none; }
.b_link_02_1_1 a:hover {color:#666666;text-decoration:underline;}
.b_link_02_1_1 a:active {color:#666666;text-decoration:none; }
.b_link_02_1_1_3{color:#FFFFFF;font-size: 14px; text-decoration:none; letter-spacing:1px; }
.b_link_02_1_1_3 a:link {color:#FFFFFF;text-decoration:none; }
.b_link_02_1_1_3 a:visited {color:#FFFFFF;text-decoration:none; }
.b_link_02_1_1_3 a:hover {color:#FFFFFF;text-decoration:underline;}
.b_link_02_1_1_3 a:active {color:#FFFFFF;text-decoration:none; }
@media (max-width: 767px){
.swiper-container {
height: 200px;
}
font-size:16px!important;
.s01,.s02,.s03{
font-weight:bold;
letter-spacing:0.01rem;
font-size:12px;
}
.video_0001{height:190px;}
.swiper-container {margin-top:1.00rem;}
p.nbt_01{color:#FFFFFF; font-size:20px; line-height:1.5;text-align:center; letter-spacing:3px; margin-top:80px; text-shadow:text-shadow: 3px 3px 10px #333333;}
p.nbt_02{color:#FFFFFF; font-size:16px; line-height:1.5; text-align:center; letter-spacing:2px;text-shadow: 3px 3px 10px #333333;}
p.nbt_03{color:#FFFFFF; font-size:14px;; line-height:1.5; text-align:center; letter-spacing:3px;text-shadow: 3px 3px 10px #333333;}
.t_s_09{color:#666666; font-size:14px; margin-bottom:10px;}
.k_tit_u000{color:#FFFFFF; text-align:center; font-size:16px; letter-spacing:10px;}
.k_tit_u001{color:#FFFFFF; text-align:center; font-size:13px;letter-spacing:10px;}
div.k_000001_c{
box-sizing: border-box;
background:#00AC35;
color:#999999;
padding:6px 0 9px;
}
p.news_index_001{text-align:left; font-weight:500; letter-spacing:1px; font-size:14px; line-height:1.2; text-indent:28px; padding-top:20px; }
.index-sect2{background:url(../images/bg_kx_01.jpg) no-repeat center center;background-size:cover;text-align:center;color:#FF0000;padding:35px 0 20px 0;}
.index-sect2 h2{font-size:25px;font-weight:500;margin:0; padding-bottom:20px; letter-spacing:3px;}
.index-sect2 p{font-size:12px;line-height:16px;margin:16px auto;width:92%; text-align:left;}
.index-sect2 .data-list{text-align:center}
.index-sect2 .data-list .item{float:left;width:50%;border-right:1px solid rgba(255,255,255,.3); padding:15px 0;}
.index-sect2 .data-list .item:first-of-type{border-left:1px solid rgba(255,255,255,.3)}
.index-sect2 .data-list .item:last-child{margin-right:0}
.index-sect2 .data-list span{display:block}
.index-sect2 .data-list .numbox{display:inline-block;position:relative}
.index-sect2 .data-list .num{font-family:Arial, Helvetica, sans-serif;font-size:40px;line-height:20px;font-weight:700}
.index-sect2 .data-list .hxsj_1_d{font-size:12px;font-family:Arial, Helvetica, sans-serif;position:absolute;right:-16px;top:-1px;font-weight:100}
.index-sect2 .data-list .hxsj_1{font-size:13px;line-height:1.5; height:1.5;font-weight:300; text-align:center;}
.index-sect2 .box{width:100%;margin:0 auto}
#searchNR{ width:220px; height:28px; line-height:28px; margin:0px; padding:0px 8px; color:#555555; font-size:12px; font-family:Arial, Helvetica, sans-serif; border:1px solid #ccc; }
footer .footer-bottom{
height:32px;
line-height:32px;
border-top:1px solid #00FF66;
color:#F5F5F5;
font-size:12px;
}
.footer_3_2{display:none;}
}
@media (min-width: 768px) and (max-width: 992px){
html {
font-size: 23px!important;
}
.swiper-container {
height: 200px;
}
.s01,.s02,.s03{
font-weight:bold;
letter-spacing:0.01rem;
font-size:13px;
}
.video_0001{height:220px;}
.swiper-container {margin-top:1.1rem;}
p.nbt_01{color:#FFFFFF; font-size:20px; line-height:1.5;text-align:center; letter-spacing:3px; margin-top:90px;text-shadow: 3px 3px 10px #333333;}
p.nbt_02{color:#FFFFFF; font-size:16px; line-height:1.5; text-align:center; letter-spacing:2px;text-shadow: 3px 3px 10px #333333;}
p.nbt_03{color:#FFFFFF; font-size:14px;; line-height:1.5; text-align:center; letter-spacing:3px;text-shadow: 3px 3px 10px #333333;}
.index-sect2{background:url(../images/bg_kx_01.jpg) no-repeat center center;background-size:cover;text-align:center;color:#FF0000;padding:60px 0 45px}
.index-sect2 h2{font-size:22px;font-weight:500;margin:0; padding-bottom:20px; letter-spacing:3px;}
.index-sect2 p{font-size:13px;line-height:16px;margin:16px auto;width:92%; text-align:left;}
.index-sect2 .data-list{text-align:center}
.index-sect2 .data-list .item{float:left;width:50%;border-right:1px solid rgba(255,255,255,.3); padding:15px 0;}
.index-sect2 .data-list .item:first-of-type{border-left:1px solid rgba(255,255,255,.3)}
.index-sect2 .data-list .item:last-child{margin-right:0}
.index-sect2 .data-list span{display:block}
.index-sect2 .data-list .numbox{display:inline-block;position:relative}
.index-sect2 .data-list .num{font-family:Arial, Helvetica, sans-serif;font-size:40px;line-height:20px;font-weight:700}
.index-sect2 .data-list .hxsj_1_d{font-size:12px;font-family:Arial, Helvetica, sans-serif;position:absolute;right:-16px;top:-1px;font-weight:100}
.index-sect2 .data-list .hxsj_1{font-size:13px;line-height:1.5; height:1.5;font-weight:300; text-align:center;}
.index-sect2 .box{width:100%;margin:0 auto}
}
@media (min-width: 993px) and (max-width: 1024px){
html {
font-size: 30px!important;
}
.swiper-container {
height: 250px;
}
.s01,.s02,.s03{
font-weight:bold;
letter-spacing:0.1rem;
font-size:16px;
}
.video_0001{height:250px;}
.swiper-container {margin-top:1.3rem;}
p.nbt_01{color:#FFFFFF; font-size:20px; line-height:1.5;text-align:center; letter-spacing:3px; margin-top:120px;text-shadow: 3px 3px 10px #333333;}
p.nbt_02{color:#FFFFFF; font-size:16px; line-height:1.5; text-align:center; letter-spacing:2px;text-shadow: 3px 3px 10px #333333;}
p.nbt_03{color:#FFFFFF; font-size:14px;; line-height:1.5; text-align:center; letter-spacing:3px;text-shadow: 3px 3px 10px #333333;}
.index-sect2{background:url(../images/bg_kx_01.jpg) no-repeat center center;background-size:cover;text-align:center;color:#FF0000;padding:60px 0 45px}
.index-sect2 h2{font-size:26px;font-weight:500;margin:0; padding-bottom:20px; letter-spacing:3px;}
.index-sect2 p{font-size:13px;line-height:16px;margin:16px auto;width:92%; text-align:left;}
.index-sect2 .data-list{text-align:center}
.index-sect2 .data-list .item{float:left;width:25%;border-right:1px solid rgba(255,255,255,.3)}
.index-sect2 .data-list .item:first-of-type{border-left:1px solid rgba(255,255,255,.3)}
.index-sect2 .data-list .item:last-child{margin-right:0}
.index-sect2 .data-list span{display:block}
.index-sect2 .data-list .numbox{display:inline-block;position:relative}
.index-sect2 .data-list .num{font-family:Arial, Helvetica, sans-serif;font-size:40px;line-height:20px;font-weight:700}
.index-sect2 .data-list .hxsj_1_d{font-size:12px;font-family:Arial, Helvetica, sans-serif;position:absolute;right:-16px;top:-1px;font-weight:100}
.index-sect2 .data-list .hxsj_1{font-size:13px;line-height:1.3;font-weight:300; text-align:center;}
.index-sect2 .box{width:100%;margin:0 auto}
}
@media (min-width: 1025px) and (max-width: 1240px){
html {
font-size: 30px!important;
}
.swiper-container {
height: 300px;
}
.s01,.s02,.s03{
font-weight:bold;
letter-spacing:0.1rem;
font-size:17px;
}
.video_0001{height:280px;}
.swiper-container {margin-top:1.5rem;}
p.nbt_01{color:#FFFFFF; font-size:20px; line-height:1.5;text-align:center; letter-spacing:3px; margin-top:130px;text-shadow: 3px 3px 10px #333333;}
p.nbt_02{color:#FFFFFF; font-size:16px; line-height:1.5; text-align:center; letter-spacing:2px;text-shadow: 3px 3px 10px #333333;}
p.nbt_03{color:#FFFFFF; font-size:14px;; line-height:1.5; text-align:center; letter-spacing:3px;text-shadow: 3px 3px 10px #333333;}
.index-sect2{background:url(../images/bg_kx_01.jpg) no-repeat center center;background-size:cover;text-align:center;color:#FF0000;padding:70px 0 56px}
.index-sect2 h2{font-size:36px;font-weight:500;margin:0; padding-bottom:20px; letter-spacing:3px;}
.index-sect2 p{font-size:14px;line-height:16px;margin:16px auto;width:92%; text-align:left;}
.index-sect2 .data-list{text-align:center}
.index-sect2 .data-list .item{float:left;width:25%;border-right:1px solid rgba(255,255,255,.3)}
.index-sect2 .data-list .item:first-of-type{border-left:1px solid rgba(255,255,255,.3)}
.index-sect2 .data-list .item:last-child{margin-right:0}
.index-sect2 .data-list span{display:block}
.index-sect2 .data-list .numbox{display:inline-block;position:relative}
.index-sect2 .data-list .num{font-family:Arial, Helvetica, sans-serif;font-size:40px;line-height:20px;font-weight:700}
.index-sect2 .data-list .hxsj_1_d{font-size:12px;font-family:Arial, Helvetica, sans-serif;position:absolute;right:-16px;top:-1px;font-weight:100}
.index-sect2 .data-list .hxsj_1{font-size:15px;line-height:1.3;font-weight:300; text-align:center;}
.index-sect2 .box{width:100%;margin:0 auto}
}
@media (min-width: 1241px) and (max-width: 1440px){
html {
font-size: 40px!important;
}
.swiper-container {
height: 400px;
}
.s01,.s02,.s03{
font-weight:bold;
letter-spacing:0.1rem;
font-size:19px;
}
.video_0001{height:310px;}
.swiper-container {margin-top:1.75rem;}
p.nbt_01{color:#FFFFFF; font-size:20px; line-height:1.5;text-align:center; letter-spacing:3px; margin-top:150px;text-shadow: 3px 3px 10px #333333;}
p.nbt_02{color:#FFFFFF; font-size:16px; line-height:1.5; text-align:center; letter-spacing:2px;text-shadow: 3px 3px 10px #333333;}
p.nbt_03{color:#FFFFFF; font-size:14px;; line-height:1.5; text-align:center; letter-spacing:3px;text-shadow: 3px 3px 10px #333333;}
.index-sect2{background:url(../images/bg_kx_01.jpg) no-repeat center center;background-size:cover;text-align:center;color:#FF0000;padding:80px 0 66px}
.index-sect2 h2{font-size:36px;font-weight:500;margin:0; padding-bottom:20px; letter-spacing:3px;}
.index-sect2 p{font-size:14px;line-height:16px;margin:16px auto;width:92%; text-align:left;}
.index-sect2 .data-list{text-align:center}
.index-sect2 .data-list .item{float:left;width:25%;border-right:1px solid rgba(255,255,255,.3)}
.index-sect2 .data-list .item:first-of-type{border-left:1px solid rgba(255,255,255,.3)}
.index-sect2 .data-list .item:last-child{margin-right:0}
.index-sect2 .data-list span{display:block}
.index-sect2 .data-list .numbox{display:inline-block;position:relative}
.index-sect2 .data-list .num{font-family:Arial, Helvetica, sans-serif;font-size:40px;line-height:20px;font-weight:700}
.index-sect2 .data-list .hxsj_1_d{font-size:12px;font-family:Arial, Helvetica, sans-serif;position:absolute;right:-16px;top:-1px;font-weight:100}
.index-sect2 .data-list .hxsj_1{font-size:16px;line-height:1.3;font-weight:300; text-align:center;}
.index-sect2 .box{width:100%;margin:0 auto}
ul.data-list{padding-bottom:20px;}
}
@media (min-width: 1441px) and (max-width: 1680px){
html {
font-size: 40px!important;
}
.swiper-container {
height: 500px;
}
.s01,.s02,.s03{
font-weight:bold;
letter-spacing:0.1rem;
font-size:20px;
}
.video_0001{height:340px;}
.swiper-container {margin-top:2.0rem;}
p.nbt_01{color:#FFFFFF; font-size:20px; line-height:1.5;text-align:center; letter-spacing:3px; margin-top:170px;text-shadow: 3px 3px 10px #333333;}
p.nbt_02{color:#FFFFFF; font-size:16px; line-height:1.5; text-align:center; letter-spacing:2px;text-shadow: 3px 3px 10px #333333;}
p.nbt_03{color:#FFFFFF; font-size:14px;; line-height:1.5; text-align:center; letter-spacing:3px;text-shadow: 3px 3px 10px #333333;}
.index-sect2{background:url(../images/bg_kx_01.jpg) no-repeat center center;background-size:cover;text-align:center;color:#FF0000;padding:120px 0 116px}
.index-sect2 h2{font-size:40px;font-weight:500;margin:0; padding-bottom:20px; letter-spacing:3px;}
.index-sect2 p{font-size:16px;line-height:16px;margin:16px auto;width:92%; text-align:left;}
.index-sect2 .data-list{text-align:center}
.index-sect2 .data-list .item{float:left;width:25%;border-right:1px solid rgba(255,255,255,.3)}
.index-sect2 .data-list .item:first-of-type{border-left:1px solid rgba(255,255,255,.3)}
.index-sect2 .data-list .item:last-child{margin-right:0}
.index-sect2 .data-list span{display:block}
.index-sect2 .data-list .numbox{display:inline-block;position:relative}
.index-sect2 .data-list .num{font-family:Arial, Helvetica, sans-serif;font-size:50px;line-height:20px;font-weight:700}
.index-sect2 .data-list .hxsj_1_d{font-size:12px;font-family:Arial, Helvetica, sans-serif;position:absolute;right:-16px;top:-1px;font-weight:100}
.index-sect2 .data-list .hxsj_1{font-size:20px;line-height:1.3;font-weight:300; text-align:center;}
.index-sect2 .box{width:100%;margin:0 auto}
ul.data-list{padding-bottom:20px;}
}
@media (min-width: 1681px) {
html {
font-size: 40px!important;
}
.swiper-container {
height: 650px;
}
.s01,.s02,.s03{
font-weight:bold;
letter-spacing:0.1rem;
font-size:25px;
}
.video_0001{height:475px;}
.swiper-container {margin-top:2.25rem;}
p.nbt_01{color:#FFFFFF; font-size:45px; line-height:1.5;text-align:center; letter-spacing:10px; margin-top:150px; text-shadow: 3px 3px 10px #333333;}
p.nbt_02{color:#FFFFFF; font-size:29px; line-height:1.5; text-align:center; letter-spacing:2px;text-shadow: 3px 3px 10px #333333;}
p.nbt_03{color:#FFFFFF; font-size:22px;; line-height:2.5; text-align:center; letter-spacing:3px;text-shadow: 3px 3px 10px #333333;}
.index-sect2{background:url(../images/bg_kx_01.jpg) no-repeat center center;background-size:cover;text-align:center;color:#FF0000;padding:130px 0 126px}
.index-sect2 h2{font-size:40px;font-weight:500;margin:0; padding-bottom:20px; letter-spacing:3px;}
.index-sect2 p{font-size:16px;line-height:16px;margin:16px auto;width:92%; text-align:left;}
.index-sect2 .data-list{text-align:center}
.index-sect2 .data-list .item{float:left;width:25%;border-right:1px solid rgba(255,255,255,.3)}
.index-sect2 .data-list .item:first-of-type{border-left:1px solid rgba(255,255,255,.3)}
.index-sect2 .data-list .item:last-child{margin-right:0}
.index-sect2 .data-list span{display:block}
.index-sect2 .data-list .numbox{display:inline-block;position:relative}
.index-sect2 .data-list .num{font-family:Arial, Helvetica, sans-serif;font-size:50px;line-height:20px;font-weight:700}
.index-sect2 .data-list .hxsj_1_d{font-size:12px;font-family:Arial, Helvetica, sans-serif;position:absolute;right:-16px;top:-1px;font-weight:100}
.index-sect2 .data-list .hxsj_1{font-size:20px;line-height:1.3;font-weight:300; text-align:center;}
.index-sect2 .box{width:100%;margin:0 auto}
ul.data-list{padding-bottom:20px;}
.k_tit_u000{color:#FFFFFF; text-align:center; font-size:50px; letter-spacing:10px;}
.k_tit_u001{color:#FFFFFF; text-align:center; font-size:40px;letter-spacing:10px;}
div.k_000001_C_k_1{
box-sizing: border-box;
background:#FFFFFF;
padding:30px 0 50px;
}
}